How to hide menu on specific pages

Dresstive · March 2015

Heya! I want to hide my menu on specific pages. Is there any way you can teach me how to do this? Like how do you do it in CSS, and does it differ from which of your demos you use?

I want the menu removed from:

http://www.shadeproof.com/successvl

http://www.shadeproof.com/successfr

http://www.shadeproof.com/successfa

Thanks!

Albert · March 2015

Hi,

to remove menu from specific pages, please use below css:

.page-id-xxx a.responsive-menu-toggle { display: none !important; }

where xxx is page ID.

wukno · July 2015

Hi, i'm not using default permalink settings. Hence even if I put correct page ID menu still shows on that page. I have used page name thought but that seemed to disable menu on all pages though?

Can you help me with my issue?

Here's the link for the page I don't want menu to show:

http://houndsdogwalking.co.uk/register-your-interest/

My custom css line to disable it is:

.register-your-interest a.responsive-menu-toggle { display: none !important; }

Albert · July 2015

It does not matter if you user custom permalinks or not. Each page got own ID and you can't se page names instead because this does not work. If you don't know how to check the page id, please check this http://themes.muffingroup.com/betheme/documentation/#theme-customizations where we explained how to get some custom css's.

wukno · July 2015

my page ID is 34 but when I put that value it still doesm't work...

Albert · July 2015

Yes, ID is 34. But we do not see this code in your custom css section.

How to hide menu on specific pages

Comments