- This topic has 5 replies, 2 voices, and was last updated 8 years, 3 months ago by
.
-
Posts
-
We have the secondary navigation above the header. In order to tighten up the header, we have the secondary nav floating right, the primary nav in the header right widget, so it is right of the logo.
All good on screen view.
But on the mobile view the secondary nav covers half of the logo.
I tried @mobile specific css (where your @mobile code is – bottom of style.css:
.nav-secondary {
background: #e2e7c9;
float: left;
clear: both;
}Doesn’t do anything.
Any thoughts on how to get his menu to stay above the logo. I thought the clear command would do that, but it doesn’t.
Rick
Yes – it is http://healthgist.com/main/
It’s the “float: right” part that you added which throws it off. You can keep that code, but you’d need to add float: none in your mobile section so it will override it when viewed on smaller browsers.
- You must be logged in to reply to this topic.