[Resolved] Disable menu on landing page

[John]

Hi there,

I’d like to disable the menu on a landing page I’m building. I’ve used Disable Elements to disable the top bar, header and primary menu, but while that works on a computer it doesn’t seem to change anything on a mobile device. This is the page:

http://www.thesupercargo.com/swf-links/

I’ve also tried using this code snip recommended to someone a couple of years back:

page-id-8012.main-navigation {
display: none;

but WP doesn’t like it and won’t let me save it.

Any suggestions?

Thanks,

John

[Leo]

Hi there,

Try this CSS instead:

body.page-id-8012 .main-navigation,
body.page-id-8012 #mobile-header {
    display: none !important;
}

Let me know.

[John]

Thanks Leo.
I tried this but it doesn’t work.
🙁

Is it possible that I have to specify the menu by name (slug)? I can’t see how to get the slug of the menu, but I’ve named it “Primary menu”, so perhaps the slug is primary-menu.

John

[Leo]

It’s just getting overwritten. I edited the CSS above.

Please leave it in there if it doesn’t work still.

[John]

Thak you Leo, that did the trick!

John

[Leo]

No problem!

[Author]

Posts