Remove Mobile Header Completely

  • Author
    Posts
  • #43916

    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

    #44166
    Zed
    Cryout Creations mastermind

    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.
    #44202

    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.

Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘Remove Mobile Header Completely’ is closed to new replies.