- This topic has 2 replies, 2 voices, and was last updated 6 years, 8 months ago by .
Viewing 3 posts - 1 through 3 (of 3 total)
Viewing 3 posts - 1 through 3 (of 3 total)
- You must be logged in to reply to this topic.
Support › Forums › Flex Theme › Background color of responsize sub menu.
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?
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;
}
Thank you! That worked perfectly.