Managed WordPress – Hide top menu from a single page

If you mean the navigation that has links to
Home, Virtual Tours, Real Estate Photography, etc….

You can hide it on only that page by adding the following css in the Simple Custom CSS plugin you installed.

.page-id-123 nav#no-header-top-menu {
    display: none;
}

This code will hide it only from that page. If you want to hide it from the entire site you will need to remove .page-id-123 from the code I’ve provide.

Hope this helps. Once you find a solution please mark the thread as resolved.

Hi @binarywc ,

I have a similar issue that I need some assistance on, and someone replying to my thread at https://wordpress.org/support/topic/simple-custom-css-to-hide-menu-from-a-single-page/#post-12529323 is rely on snark rather than help.

I’ve been on the forum and look at several variants of CSS to add to Simple Custom CSS to hide the menu on http://evo.science/AICPA/aboutevo. I currently have this page set to Private since I don’t want it live while the menu is still present. If need be I can make it live to debug what’s going on. I do know my page-is is 472, as that’s what it shows in the view source and in the preview url.

When I do a view source I can’t find “nav id=” which might be my issue when I’ve tried different variants I’ve found in the form of:

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

The other guy said to do:
.page-id-472 #nav-menu {
display:none !important;
}

Neither of these worked, so I suspect it’s either an issue with caching or the wrong nav id.

Thanks!