Portfolio Pro – Nav Menu Items 'Jittering'.

[gstrout]

I'm using Portfolio Pro and my Primary Navigation Menu displays a strange 'jittering' behavior when browser is resized to responsively fit a mobile screen size. The Menu Items seem to 'vibrate' up and down once they shift to display vertically for a mobile device.
I am trying to find a way to fix this.

Any help would be appreciated.

http://www.scribbletonic.com/

[Christoph]

Hi,

as far as I can tell, line-height and padding in .genesis-nav-menu.responsive-menu li a, .genesis-nav-menu.responsive-menu li a:hover {
are causing the issue when hovering over the next menu item.

And you might want to adjust the line-height of .site-header .genesis-nav-menu > li > a in the media query

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[gstrout]

Christoph,
Thanks so much for your observation.
My CSS skills are still a little bit limited, could you suggest which specific attributes I need to change and in what way?

Any help would be appreciated.

Thanks,

[Christoph]

Hi,

line-height and padding in .genesis-nav-menu.responsive-menu li a, .genesis-nav-menu.responsive-menu li a:hover {

change the values (probably lower / remove them) until there's no more jittering

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[Author]

Posts