Home>Support>Hide menu bar on specific class of pages

Hide menu bar on specific class of pages

By jenbee, 9 years ago. Last reply by Andrew Misplon, 9 years ago.

I would like to be able to hide the menu bar on some of the pages on my site. We are using a custom post template for the pages to remove the menu from and want it remain on all other pages on the site. I found the following code and attempted to use this to hide the menu but it does not work so I’d really appreciate some help.

#primary.full-width-post #site-navigation {display: none !important;}

Thanks

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    Hi Jenbee

    Thanks for reaching out. If you could send the links to the pages you’d like to hide the menu on I’m sure we could assist with a little Custom CSS.

    Thanks

  2. 9 years, 1 month ago jenbee

    Thanks, it’s the page below. We want to hide the menu on these classroom pages but still have it on every other page of the website. We’d like to hide the menu once the page is scrolled down and the header has gone. When the page is initially landed on we’d like to keep the header at least.

    http://link4skills.com/lessons/hangouts-live/

    Thanks

  3. 9 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    Sure. You could try something like this:

    .single-sfwd-courses .site-navigation.sticky { display: none; }
    
Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More