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

Sign In or Register to comment.