how to remove nav menu on one page only

Hello I have searched high and low on every single forum and can’t seem to find any way to remove the very top menu bar on my wordpress site. This is the link: https://markmaker.ca/index.php/social-media/

I want to remove the menu bar on only a few pages. I added multiple custom CSS plugins and tried tons of different codes.

The menu bar I am referring to is the one that says: home, work with us, FAQ….

Please help!

Hello @caitlynkeable,

Please specify the pages that shouldn’t have menu bar.

Kind Regards, Roman.

/* Hide nav in a page */
.page-id-ID #main-header { display:none; }
.page-id-ID #page-container { padding-top:0px !important }
/* Hide nav in a page */

Change ID with yours

• This reply was modified 8 years, 1 month ago by carlesramos.

Hello @carlesramos

I tried what you wrote, but it does not work. Only hide in the menu when I scroll.

I plan to remove the menu from only this page:
https://www.noirstudio.hu/penczrolandportfolio/

Kind Regards,
Roland

Hello @prolland94,

You are using Eight Degree theme, not Sydney.

Please try to use the following CSS code in order to hide (not remove) menu on that page.

You can add CSS code in Dashboard → Appearance → Customize → Additional CSS (WordPress 4.7 and up). Also you can add CSS code directly to style.css file of your child theme.

body.page-id-5401 div.mainnav {
    display: none;
}

Please contact Eight Degree support if you have other questions regarding this theme.

Kind Regards, Roman.