Media Query(s) not working in Firefox

Rowby Goren
Rowby Goren used Ask the Experts™
on
Hello

I am having an issue with media queries in Firefox.  I have two media queries that work in IE, Chrome and Safari.  But when I test them in Firefox, they are not working.

Please look at this page first in Firefox  Check this out in IE or Chrome or Safari  In my mockup you will see a Hamburger and the words "Practice Areas".   You will also see a text menu on the right.  I am hiding them from desktop with media queries -- which are working in the other browsers.

Any suggestions to fix this issue?  I googled this issue and found some comments but they mainly seem to appear only with older versions of Firefox.

????

Thanks
RowbyHow it looks (wrong) in Firefox.
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
View Solution Only
Dave BaldwinFixer of Problems
Most Valuable Expert 2014

Commented:
For starters, your HTML formatting is wrong.  You have 3 </head> tags and two <body> tags and a style section in an <li>.  Until you fix the formatting, there is no point in trying to fix what you think your problem is.
Rowby Goren

Author

Commented:
Hi Dave!

I guess I overmarkedup!

I think I got rid of the excess heads and body.  At least I can't find them in my source code now.

Is this the <li> issue you were referring to?   
 
li { padding: 8px 0; border-bottom: 2px solid #000; }
</style><style id="searchstatus-nofollow">a[rel~="nofollow"] {  outline: thin dashed firebrick ! important;  background-color: rgb(255, 200, 200) ! important; }</style><ol><li>

Open in new window


Thanks
Rowby
Fixer of Problems
Most Valuable Expert 2014
Commented:
The '<ol><li>' at the end of that line should not be there.

The CSS Validator http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2Fwww.legalmetro.com%2F says you have 2200 errors and 822 warnings.  The HTML Validator won't finish, you're confusing it.
Ensure you’re charging the right price for your IT

Do you wonder if your IT business is truly profitable or if you should raise your prices? Learn how to calculate your overhead burden using our free interactive tool and use it to determine the right price for your IT services. Start calculating Now!

Find out now!
Rowby Goren

Author

Commented:
Stay tuned -- will be working on this.....
Rowby Goren

Author

Commented:
Hi Dave

While I have yet to deal with 99 percent of the validation issues, I have found a workaround that fixed this issue.

So I'll close the question acknowledging the need to deal with the validation.  

Thanks again!

Rowby
Dave BaldwinFixer of Problems
Most Valuable Expert 2014

Commented:
You're welcome.

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial