troubleshooting Question

CSS media query not recognized by Firefox browser

Avatar of Brad Bansner
Brad Bansner asked on
CSS
8 Comments1 Solution977 ViewsLast Modified:
This URL looks fine in Safari and Chrome, but not in Firefox:
http://www.southviewcemetery.com

Specifically, in Firefox there are two logos displaying at full screen size (over 1144px wide), in addition to a few other formatting problems. I have several elements setup with a class "mobileonly" that should not be displaying:

ul#nav1 li.mobileonly{display:none;}
.mobileonly{display:none;}

HTML:
<div id="mobilespacer" class="mobileonly"><a href="default.asp"><img id="mobilelogo" class="mobileonly" src="img/lg_southview-resp.png" /></a><img id="mobilenav" src="img/gr_mobilenav.jpg" /></div>

<ul id="nav1">
	<li class="mobileonly"><a href="about-us.asp">Home</a></li>
	<li><a href="about-us.asp">About Us</a></li>
	<li><a href="pre-planning.asp">Pre-Planning</a></li>
	<li><a href="burial-arrangements.asp">Burial Arrangements</a></li>
	<li><a href="markers-and-flowers.asp">Markers &amp; Flowers</a></li>
	<li><a href="our-history.asp">Our History</a></li>
</ul>

I've gone through my code several times, I can't find what is wrong. Would appreciate another set of eyes.

Thank you!
ASKER CERTIFIED SOLUTION
Join our community to see this answer!
Unlock 1 Answer and 8 Comments.
Start Free Trial
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 1 Answer and 8 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros