- This topic has 5 replies, 2 voices, and was last updated 8 years, 3 months ago by .
Viewing 6 posts - 1 through 6 (of 6 total)
Viewing 6 posts - 1 through 6 (of 6 total)
- You must be logged in to reply to this topic.
Home › Community Forums › Epik Theme Support › Secondary Navigation issue on mobile
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
Do you have a link to your site so I can see the issue?
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.
Brother – I was SOOO close to trying that – not sure why I didn’t.
Thank You!!
You’re welcome ๐