remove menu bar

You can try adding this CSS to your custom CSS field:

#menu-main_menu, .icon-feed, .navbar.resp {
  display: none;
}

The last selector, .navbar.resp, hides the drop-down responsive menu on mobile devices.

Thanks, I tried that but the menu shadow box and words “add a menu” remain. I was hoping I could remove that element altogether. Any ideas? Thanks again.

Snippet to help

Perfect, thanks everyone.

resolved

OK, you said that you wanted to add social icons later, but I didn’t know if you wanted to add them in the same place where the RSS feed icon used to be.

To hide the menu box altogether, you can use this CSS instead:

.navbar-wrapper.clearfix.span9 {
display: none;
}

Ah thanks CrouchinBruin, appreciated!

Hi, I too want to have nothing above where my page text starts so want to remove the menu bar completely and the “space” it occupies

I’ve tried the suggestions above by rdellconsulting and CrouchingBruin
but I still get the white space, the words “Add Menu” and the bars

Can I remove everything above where I start putting stuff on my page?

Thanks

see it at:https://www.nocostincomeblueprint.com/go/
(yes, it’s a mess but I’m working on it … One thing at a time!)

Sorry… just realized that what I want is “no header” since the menu is inside the header.

Sorry… just realized that what I want is “no header” since the menu is inside the header.

header.tc-header {
  display:none;
}

?? Thank you!

Hi! Thanks for the great advice!

However I am stuck with some space left where the header were. Using the inspector I can identify it is the following element and css: < div id=”tc-reset-margin-top” class=”container-fluid” style=”display: block; margin-top: 167px;” >

I have tried to adjust the CSS for tc-reset-margin-top and container-fluid manually but without luck. I hope you can help!
Many thanks.

/Levi

You can see the website with the issue here: https://hpf.wpengine.com/franz_jaeger/

Yes, unfortunately, that DIV has an inline style (a poor design choice, in my opinion), making it a bit more difficult to override. You can override it by adding the !important clause (the only way to override an inline style) to the CSS property:

#tc-reset-margin-top {
   display: none !important;
}

That div is there because of the sticky header enabled. Its inline style is made through javascript since it’s calculated dynamically. Is there another way to achieve the same result without breaking the “good design” rules?