Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1034179
    ocsweb
    Participant

    temp site: http://nlwebdesign.com/securefence/

    I am close to what I am trying to accomplish. I had support help me with getting an opaque background to the menu items on navigation only on scroll. However, when I scroll, the social icons on no longer inline with the rest of the menu, but when I make CSS changes to the top padding it also makes the opaque background go up making it look weird and not symmetrical.

    Can you help me move the social icons up higher on the scroll menu only without the background moving with it?

    Thanks,

    #1034578
    Nabeel A
    Moderator

    Hi there,

    Thanks for writing in! Please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

    .x-navbar.x-navbar-fixed-top #menu-item-108 a span {
        float: left !important;
        margin-top: -8px !important;
    }
    
    .x-navbar.x-navbar-fixed-top #menu-item-110 a span {
        float: left !important;
        margin-top: -8px !important;
    }

    Let us know how this goes!

    #1034617
    ocsweb
    Participant

    Bingo. Thank You!

    #1035002
    Friech
    Moderator

    Our pleasure! we’re happy to assist you with this.

    Cheers!

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