Posting in the Magento forums has been disabled pending the implementation of a new and improved forum solution which should better serve the community.

For new questions please post at magento.stackexchange.com, the community-run support site for the Magento community. We will be providing updates on the new forum solution soon. For questions or concerns please email community@magento.com.

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