Background color of responsize sub menu.

[Bob]

I changed the color of the background or the menu. All is well until the screen is smaller. The links are the same color as the background. How do I change it so that the links in the sub menu are different when viewing the site responsively?

http://qualitybuiltbasements.com/

[Davinder Singh Kanith]

Look for following code in style.css under “max-width 800px”

.genesis-nav-menu.responsive-menu .sub-menu li a, .genesis-nav-menu.responsive-menu .sub-menu li a:hover {
    padding: 10px 0;
    position: relative;
    text-transform: none;
    width: 100%;
}

change this to…

.genesis-nav-menu.responsive-menu .sub-menu li a, .genesis-nav-menu.responsive-menu .sub-menu li a:hover {
    padding: 10px 0;
    position: relative;
    text-transform: none;
    width: 100%;
    color: #000;
}

[Bob]

Thank you! That worked perfectly.

[Author]

Posts