Mobile Header Dissapears

[capples3]

Hi All,

I have a very odd problem and I’m probably missing something simple here. The site is www.clhdesigns.com/clients/wintermeresod/

When you test out in tablet or mobile you see the header disappear that contains the logo and the right side content.

[ronpat]

If this is what you are referring to,

“Durham’s #1 Choice For Sod
Call 905-686-0972 to order”

is being hidden by a media query… probably to save space at mobile widths.

master4.css (line 903)

/* e.g. Large Smartphones */
@media screen and (max-width: 480px)
{
	header .tagline { display:none; }
}

These tags are not closed (lines 124 and 111)… (don’t know if they are involved, though).

<div id="banner2">

<p>Monday - Friday: 7am - 5pm<br />

I am testing with Firefox.
I don’t know which right side content you are referring to.
Identify the HTML tag(s) and I can look again.
If the problem only occurs in a specific mobile device, mention it, or how broadly you’ve tested.