Google Chrome Behavior

[michaelbragg]

My menu bar on IE and FireFox is good, but on Google Chrome the menu bar overlaps the slider. Is there a fix for this?

 

URL: http://www.abnarmysurplus.com

[tuk66]

Remove height: 100px from .header-container class.

[michaelbragg]

If I do that, then the header disappears and becomes the background. Is there another solution and keep my header color?

[razaro]

Like tuk66 said remove that height, it is messing things. And change css a bit

Add

#header .banner {
background: #4D3366;
}

remove

.header-container {
background: #3D3366;
height: 100px;
}

and one line from

header {
 background: 4D3366; 
}

You have missing # there.

[michaelbragg]

Are these changes in the global.css file?

[razaro]

Yes in global.css

[michaelbragg]

Yes in global.css

Then the background extends up to where I had the colored background.

[michaelbragg]

Unrelated: Can you look at the popular and tell me how to change the behavior or which module to re-edit to get height and color change on hover? When you hover the height changes not the color.

Edited January 8, 2015 by michaelbragg (see edit history)