• I am trying to remove the nav bar from one specific page, I have tried using:

    #nav_menu {
    display: none;
    }

    in the custom css plug in but its still not working!

    Any help please!

Viewing 7 replies - 1 through 7 (of 7 total)
  • You might need to use that CSS code within a different context, like below.

    .page-id-308 #nav {
    display: none;
    }

    Post which page you are trying to remove the nav bar from and I can try to adjust the code to fit that, hope to be able to help.

    Thread Starter MAIKAYLAD

    (@maikaylad)

    Hi David,

    Thanks for that! I tried that too with no luck.

    Here is the URL: https://www.sightly.com/wsipartner/

    Can you post an example of the code you were trying to use for CSS to disable the nav bar on a page specific portion?

    There is also a solution to this by adding this below into styles tags right onto the page you want to change.

    <style type="text/css">
    #nav-container {
    display: none;
    }
    </style>

    Opening the page in WordPress editor to add above, slightly different method.

    Thread Starter MAIKAYLAD

    (@maikaylad)

    here is the css I am using in the Page Setting > Custom CSS settings

    .page-id-26267 #nav {
    display: none;
    }

    Hey there, try this below.

    nav.main_menu.right .page-id-26267 {
        display: none;
    }

    Hi,

    If you mean the menu items on the right before search icon.

    Use this code:

    .page-id-26267 nav {
        display: none !important;
    }

    If you mean the whole header

    .page-id-26267 header {
     display:none !important;
    }

    Any luck with the code I provided? Just wanted to check in and make sure you got this working one or another, let me know!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Removing the nav bar from specific pages’ is closed to new replies.