Responsive menu different background color on different pages
Hello,
The website I am working on is www.werewoofs.com, and I'm having a strange problem. The responsive menu on the home page looks great, the list items have a background color of black and its very easy to read. However, when you go to a different page, the responsive menu list items don't have a background color and you are not able to read the list.
When I set a specific background color for the list items it solves the problem, but it makes the non-responsive list items appear strange. The css I'm using to try to fix the problem is
@media only screen and (max-width: 1239px)
#Top_bar #menu ul li {
background-color: rgba(31,28,26,.6);
}
This works but it doesn't register the responsive attribute. Would you be able to take a look and see what I am doing wrong and show me how to correct this problem so I can prevent this from happening in the future?
Thank you for your help
Comments
header background does not work on mobile because of your custom css in child theme:
#Top_bar {height: 125px;
}