Responsive Menu Problem

[MichaelB]

When I press the 3 dots on the top right of my website the menu slides in from the left. The first 2 rectangles are filled in with the right color and are readable. But for some reason every one after that does not have any color and can not be seen well. How can I fix this?

[thatdarnchelsey]

Can you show us your store?

[MichaelB]

www.hvacrsupplynow.com

I thought I included it, guess i did not. Thanks

[thecartdesigner]

MichaelB

For this specific issue, Go to your active css file default_modified.css

Find this rule:

.top-menu li:first-child {
background: #666666 none repeat scroll 0 0;
border: 1px solid #333333;
}

-CHANGE TO-

.top-menu li:first-child {
border-top: 1px solid #333333;
}


Find this rule:

.top-menu li {
border: medium none;
display: block;
margin: 0;
text-align: center;
}

-CHANGE TO-

.top-menu li {
background: #666666 none repeat scroll 0 0;
border: medium none;
display: block;
margin: 0;
text-align: center;
}



Now save, clear store cache, and refresh. Hope this helps.

Thanks,
Shaun

[MichaelB]

thecartdesigner that worked perfectly! THANKS!!