Jump to content
loraxio

NavBar Issue post 2.4 upgrade...small screen

Recommended Posts

loraxio

I am about 98% ready to launch a new Pagelines site, but the last thing I need to get fixed before launch is the fact that after 2.4 upgrade, the NavBar menu does not have a background, as well it shows up behind the page content.

 

Here is a page to see what I mean...

http://www.tacticalmedicine.com/main/course-info/

 

Of course, this will only be re-created on small screens.

 

-joshua

Share this post


Link to post
Share on other sites
Danny

Hi,

 

When I view your site, I am not seeing the issue you're.

 

http://d.pr/i/1WCo

 

The Fixed Navbar has a grey background, which is what you have set and the only other navigation you have is the Secondary Navigation. So has the issue been resolved ?


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
loraxio

Indeed the NavBAr has a light grey background, but I am referring to the menu when viewed on a smaller screen (max 480px) and the menu is toggled open.

Share this post


Link to post
Share on other sites
loraxio

Solved it myself...somehow, when the NavBar was updated in 2.4, there was some padding that was added to the bottom which looked weird when the li.current was active.  I had tried to fix that by specifying a height for the .navbar, but this had the unintended consequence of not allowing it to resize for small screens.

 

I remedied the whole shebang by adding media queries for large screens, intermediate screens, and small screens.  I love the granularity you get with media queries!!!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


×