Author Pro genesis nav menu css at smaller viewport

[asbilly92]

Genesis nav menu: placement

This might be an easy one for some of you. I've been fiddling with it for a while, and not sure what I'm doing wrong.

It's fine when it's at a large desktop size, but when you resize the window down to around 1200 viewport, the menu is still hanging down too low...resize it even smaller and it looks great, the menu is centered and it looses all of the extra padding...how can I get that effect to kick in sooner so at 1200 it looks correct?

Please and thanks ahead 😉

Link to my test site below...

http://www.amystout.rocks

[asbilly92]

UPDATE ...

I made an adjustment...I copied all of the css that was related to the location of the Geneses nav menu from the @media only screen and (max-width: 980px) and added it also to the @media only screen and (max-width: 1200px), this seems to have fixed my issue, but is it wrong to have the same code in both media queries?

Should I take it out of the 980 one or can I just leave it there?

[emasai]

You can remove the code from the 980 if it is exactly the same as that of the 1200px. Comment it out first and check the site before removing.

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[asbilly92]

Ok great thanks, that's what I thought 😉

[Author]

Posts