I have 7 menu items. The 2nd item always turns white if the 3rd through 7th are selected.

CommentFileSizeAuthor
gammamenuissue.png75.91 KBdanielpd
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

danielpd’s picture

I know the menu items are supposed to turn white when they are selected. Only the 1st and 2nd one turn white when they are selected. The rest turn grey as you see in the attached picture and the 2nd one turns white as if it is selected even though it is not as also can be seen in the picture.

danielpd’s picture

Anybody out there with suggestions?

thewebsquid’s picture

After quite a while of pulling my hair out over this same issue, I found something that may help you.

When you go to edit Appearance, and then click on Settings under your Gamma sub-theme, it takes you to the page where you can modify your layout options, and underneath, where you can select which Omega Core CSS files you would like to keep active.

What I found out about the Gamma.css file in my Gamma sub-theme folder (found in drupal/sites/all/themes/gamma/css), is that there's a discrepancy in the code that deals with the active menu link background color. Mine was stuck as white, and nothing I did could change that. Yet, after opening up Menus.css from the Omega core CSS folder (found in Drupal/sites/all/themes/omega/css), I compared the lines of code, and here was the difference:

Gamma.css:
#region-menu ul.main-menu li a:hover,
#region-menu ul.main-menu li.hover a,
#region-menu ul.main-menu li.active-trail a,
#region-menu ul.main-menu li.active a {
background-color: #fcf667; <------ The color I wanted
}

Menus.css:
#region-menu ul.main-menu li a:hover,
#region-menu ul.main-menu li:hover > a,
#region-menu div.main-menu > ul.main-menu > li.active-trail > a {
background-color: #FFF; <------- The color it was stuck as
}

See the difference in code? By deselecting menus.css altogether from the omega core CSS list in the settings panel, you lose all the styles associated with it. Yet, by simply copying this chunk of code and pasting it over the same line in your gamma.css code, it enables you to edit the background color of the actively selected main-menu list items.

I hope this helps! X)

danielpd’s picture

I will try this out. Thanks for the help. I put this theme on the back burner after running into this issue. Maybe it's time to pull it out again. Suprised only we were having this issue.

Thanks,

Daniel