Magento Forum

   
Changing Nav Display in Modern Theme
 
keadmin
Jr. Member
 
Total Posts:  2
Joined:  2012-03-17
 

I\’m using the Modern theme as the base for my site design. I want to stop the top navigation from jumping everytime you mouse over it. I would prefer a simpler rollover effect like an underline or something like that, like the quicklinks in my header. I\’m really stumped as to how to fix this for the navigation throughout my site. Any help would be greatly appreciated!

Here\’s the link so you can see what I mean: http://www.aislesayweddingpapers.com/store

 
Magento Community Magento Community
Magento Community
Magento Community
 
Unleaded
Jr. Member
 
Avatar
Total Posts:  21
Joined:  2008-10-15
Denver, CO
 

Have a look at line 520 of your styles2.css file, specifically:

#nav li.over, #nav li.active { margin: 0 7px 10px 0; }

Compare this with:

#nav li { margin: 11px 8px 11px 8px; }

This is changing the margins when the element is hovered, but your margins should be the same in both cases, so I would simply remove the style for #nav li.over, #nav li.active {}. Alternatively, you can instead include any other style changes instead, such as underline text, bold font, etc.

Good Luck!

 
Magento Community Magento Community
Magento Community
Magento Community
Magento Community
Magento Community
    Back to top