Hide Menu CSS – Finer Control..
-
I’m excluding “.menu, #search-icon-icon” which hides the menu and search icon as desired, but it also hides the black bar that the items sit on. I’d like to keep the black bar (or replace it with a thinner line) to keep the visual separation between the header and page content, and can’t figure out how to do this differently to make that happen. I tried adding a border-bottom on #masthead.site-header in my child them CSS, but it does nothing.
website: startguides.net
This may be a question outside the scope of support, but hoping someone with more experience might be willing to help…
-
Hi there,
It’s because when you remove those items, the containing element no longer has anything inside it so in effect has a height of 0 and as such can’t be seen.
Just add a minimum height to the container via CSS and you should still see it, like the below:
body.responsive.layout-full #page-wrapper .full-container { min-height: 5px; }[Moderator note: code fixed. Please wrap code in the backtick character or use the code button.]
Hope that helps
Peter
- The topic ‘Hide Menu CSS – Finer Control..’ is closed to new replies.
