Remove Main Navigation + Menu Padding on Single Page

VertzMarketing · January 2018

Hello!

I'm looking to remove the main navigation menu on a single page on a site - https://j2sell.com/master-trade-in-process/.

After a quick search, I found the following CSS:

#Top_bar .menu_wrapper { display: none !important; }

This removed the navigation menu, but I'm still left with the space where the menu was. I tried to work with some CSS for the header padding, but wasn't able to find a solution. Is there some way I can get rid of this without removing the entire header? I'd still like to display the logo, just want to remove the space below it.

Thanks!

Bryan · January 2018

Hi,
this is not padding, it is the header height. Please go to theme options>header&subheader>header and change the minimalist option.
thanks

VertzMarketing · January 2018

Thanks for the help! Just tried that. Unfortunately, changing the header to Minimalist makes the main menu overlap the content on the other pages. Is there any way to get the header to the proper height without affecting the menu?

This is the page we'd like to have no menu and get rid of the extra space (on mobile, as well):

https://j2sell.com/master-trade-in-process/

The rest of the pages we'd like to have with the menu, like this:

https://j2sell.com/

Any help or suggestions you can offer are greatly appreciated!

Bryan · January 2018

Try using this css

body.header-stack:not(.template-slider) #Header {
    min-height: 225px !important;
}
@media (max-width:767px) {
	body:not(.template-slider):not(.header-simple) #Header {
    min-height: 75px !important;
}
}

Remove Main Navigation + Menu Padding on Single Page

Comments