The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS [Solved] Problem with a repeated media querie Reply To: [Solved] Problem with a repeated media querie


One way to deal with this would be to add !important to the end of it:

@media screen and (max-width: 760px) {
#header {margin: 0 -10px 0 -10px!important;}

Although I don’t like to use that method because it can make things difficult to follow in the future.

As an alternative, I am looking at your responsive.css stylesheet now and your issue appears to be on line 185. Just remove (or comment out) this line, margin: 0;. This should be an ok thing to do because it will only effect the #header which is what you want.