[JustinLee]

How do you remove the header (image) for all mobile devices?

I made an app and making it the only way you can see my site for mobile viewing. The app is with wordpress.

I have the site header disabled for the app as I have the header coded in the app. So when the app loads, it loads the site header for a second and then disappears, as I disabled the wordpress header. This doesn’t look good as you see the header load on every page then disappear.

I tried some custom css codes and didn’t work. I tried adding display: none to body.mobile #header-container and did not work.

Some help would be appreciated.

Website: milwaukee-auto-market.com

[Zed]

The .mobile class is added via JS, so it is not present from the first instant.

I suggest you use media queries in your css to target mobile devices:

@media (max-width: 800px) {
    body #header-container { display: none; }
}

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[JustinLee]

I tried that and nothing changes it.

I’m in Mantra: style-mobile.css.

I replaced this code that’s under @media (max-width: 800px)

#header-container > div { 
     	margin-top:7px;
     	margin-left:14px;
     	height:100%; 	}

To
#header-container { display: none; }

There are smaller displays but none of them have the header container.
I tried adding it to the custom css with no change. Tried adding it directly to the themes css.

I cleared my cache for the site. Clear it for the browser on the phone.

For some reason I just can’t get rid of it for mobile.

[Author]

Posts