Navigation
Archive / Move fixed menu bar position
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • February 27, 2017 at 2:02 pm #1387781
    begladinhim
    Participant

    X Theme: 4.6.4
    Wordpress: 4.7.2
    Stack: Renew
    Website: TryEverythingBlog.com

    I have the fixed nav bar option on so that the main menu would stick to the top when people scroll down. However, after installing Hello Bar, I noticed that the menu bar is being covered up by the Hello Bar. Is there a way to fix this so that the menu bar is adjusted slightly below the hello bar?

    THank you.

    February 27, 2017 at 11:17 pm #1388280
    Rupok
    Member

    Hi there,

    I can’t see any other menu on your site. I tried to inspect that behind the hellobar but couldn’t find such menu. Can you point us that?

    Thanks!

    February 28, 2017 at 12:30 pm #1389118
    begladinhim
    Participant

    I’m referring to the navigation menu at the top (home, about, crafts, and projects)

    When I scroll down, the position that the menu sticks, is slightly covered by the hello bar. Hope this makes sense!

    February 28, 2017 at 12:43 pm #1389137
    Joao
    Moderator

    Hi There,

    Please provide a screenshot, I could not see a Hello Bar.

    Joao

    February 28, 2017 at 9:33 pm #1389669
    begladinhim
    Participant

    Hi, please see the attached. the menu is slightly covered by the bar.

    March 1, 2017 at 2:40 am #1389907
    Paul R
    Moderator

    Hi,

    Thank you for the screenshot, you can add this under Custom > Edit Global CSS in the Customizer.

    
.x-navbar.x-navbar-fixed-top {
   top:40px;
}

    Hope that helps.

    March 1, 2017 at 2:29 pm #1390861
    begladinhim
    Participant

    Perfect! Thanks so much!!

    March 1, 2017 at 2:35 pm #1390873
    Joao
    Moderator

    You are welcome!

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