Remove Header On Blog Posts Not Main Site Mobile

Forums » WordPress » Verbosa » How To

  • Author
    Posts
  • April 12th, 2019 at 00:17 #76691
    angelo

    I used this CSS to remove the header on my blog posts for my mobile site:

    @media (max-width: 1024px) {
    #branding { display: none; }
    #search-2 { display: none; }
    #secondary { display: none; }

    }

    But I noticed that it removed it for the main landing page as well, is there a way that I can get this to just remove from the mobile blog posts and not the mobile landing page?

    -Angelo

    Website: angelofraboni.com

    April 13th, 2019 at 18:24 #76758
    Zed
    Cryout Creations mastermind

    You can make that CSS more conditional:

    @media (max-width: 1024px) {
    body:not(.home) #branding { display: none; }
    body:not(.home) #search-2 { display: none; }
    body:not(.home) #secondary { 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.
  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘Remove Header On Blog Posts Not Main Site Mobile’ is closed to new replies.