Navigation
Archive / Changing Navbar Height On Certain Pages
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • September 8, 2016 at 1:29 pm #1166826
    macayla
    Participant

    Hello,

    I would like to have the navbar completely disappear on a certain page. Right now I am using 

    .page-id-2 .masthead-inline .desktop .x-nav {
    display: none;

    which works to remove the content; however, the space is still there. Is there a way to remove the empty area where the navbar was? (So the main content and left sidebar are flush with the top of the page)

    url: http://sattvadubuque.com

    September 8, 2016 at 1:43 pm #1166849
    Rahul
    Moderator

    Hey There,

    Thanks for writing in!

    Try adding this CSS to Customizer > Custom > CSS 

    .page-id-2 #menu-main {
display: none;
}

    Hope this helps!

    September 8, 2016 at 1:48 pm #1166856
    macayla
    Participant

    Yes, thanks!

    September 8, 2016 at 2:09 pm #1166889
    Prasant Rai
    Moderator

    You are most welcome. 🙂

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