Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1078167
    Wardo_SD
    Participant

    Hello!

    My URL is http://lambdalady.org/

    I have two questions for you:
    1. My client requested that the submenu items in the nav highlight when you hover over them. I have it working, but the padding on the menu links makes the effect look strange. So my question is, how do I get the background hover effect to go edge to edge in the sub menu? I want the links to appear as “buttons” when you hover, if that makes sense.

    2. I am using a centered logo header layout that you all helped me with a while ago. Right now it hides on scroll. What I want to do is get it to get smaller when you scroll, not hide. I know this can be done with CSS, but do not know how to do it.

    Thanks so much for the help!! You guys rock!!

    #1078483
    Jade
    Moderator

    Hi there,

    There is an active coming soon page on your site. Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

    – Link to your site
    – WordPress Admin username / password

    Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

    #1082009
    Wardo_SD
    Participant
    This reply has been marked as private.
    #1082581
    Nico
    Moderator

    Hi There,

    1. Not sure if this is the customization you want. Add this in your customizer > custom CSS:

    .masthead-stacked .x-navbar .desktop .sub-menu{
    padding:0px;
    }
    
    .desktop .sub-menu li>a{
    padding:12px
    }
    
    .desktop .sub-menu li>a span{
    padding-left:10px
    }

    Adjust the numbers of the padding to adjust its spacing.

    2. Upon checking your setup, the logo becomes small when passing your slider. I think it is okay already? please confirm.

    Hope it helps.

    Thanks.

  • <script> jQuery(function($){ $("#no-reply-1078167 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>