[SOLVED] Problems configuring menu
I used the menu code I got from this forum and it worked fine on the home page at http://tribecaexchange.com for Collections but when I click on a sub page of Collections, then mouse over it again the dropdowns revert to the same size as the Collections.
the code is pasted into html/css inserts as: /* raise and lower menu container */ #menu1 ul.rMenu-hor { margin-top: -50px !important; margin-bottom: 18px !important; } div#menu1 { border: 1px dashed #ffffff; } div#menu1 ul.rMenu li a:link, div#menu1 ul.rMenu li a:hover, div#menu1 ul.rMenu li a:visited, div#menu1 ul.rMenu li a:active { padding: 5px 15px 0px 15px; } /* Sub-menu items which should not be highlighted */ #menu1 .current_page_item ul a:link, #menu1 .current_page_item ul a:visited { background: #7f7f7f !important; /* Set this to the same color as Link Color in MENU 1 (Page Menu) */ color: #ffffff !important; font-family: century gothic, calibri !important; font-size: 14px !important; } /* Sub-menu items which are being hovered */ #menu1 .current_page_item ul a:hover, #menu1 .current_page_item ul a:active { /* Set this to the same color as Link Color: Hover in MENU 1 (Page Menu) */ color: #B1B1AB !important !important; font-family: century gothic, calibri !important; font-size: 14px !important; background: #7f7f7f !important; } What did I do wrong? Thanks so much, Dan |
You are using a selector for the current page item. When I look at this in Firebug what works for me is
HTML Code:
.sub-menu a { |
Great! It works for me also,
Thanks! Dan |
All times are GMT -6. The time now is 11:52 AM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.