Decode – how to remove page header from home page only?

  • Resolved Scott Foshee

    (@scott-foshee)


    10 years, 7 months ago

    In the Decode theme, how do I remove the page header from the first page only? Also, why doesn’t the page header show up on the page marked for blog posts?

    Thank you!

Viewing 9 replies - 1 through 9 (of 9 total)

  • make a child theme first, then i think the header image is using site-logo class. open your front page or index page, don’t forget to make a backup, and add this style above :

    <head>
<style>
.site-logo {
  display:none;
}
</style>
</head>

    if there are other elements in header, locate them and do the same .

    Thread Starter Scott Foshee

    (@scott-foshee)

    I need to do this and cannot figure it out. Do you mean to add it in Custom Fields somehow? The first one there listed is “No header on home page” but the value is blank, and if I add the above code it still does nothing. Is there anything else I can try? Thank you!

    first, i’d like a link of your website. what i’ll help you to do is to see find the class that your header image uses, then hide it from pages you want by changing its style from display:block; default to display:none; .. i can’t say much more until i have your code in my hands lol ..

    Thread Starter Scott Foshee

    (@scott-foshee)

    Thank you so much Sam! Here is the link: https://lallabee.com/wordpress/

    hello Scoot.
    add this code to the page in which you don’t want to see the header :

    <style>
.site-header { display:none; }
</style>

    i tested it, it hides your entire header from that page you provided its link ..

    Thread Starter Scott Foshee

    (@scott-foshee)

    Perfect! Thank you! Is there a similar fix to hide the custom menu on the first page too?

    Thread Starter Scott Foshee

    (@scott-foshee)

    Sam – you’re a genius! I used the same thing to hide the menu on the front page too. I hid the main menu, used a custom menu at the bottom, and put this code in my page:

    <style>
    .site-footer { display:none; }
    </style>

    All I did was substitute footer for header, and it worked like magic. Thank you so much!

    ohh that is just awesome. just don’t hide your entire page ok ? lol ??

    Hi guys. I would like to totally remove the menu (site wide). How can I do it? Thanks, Lihi

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Decode – how to remove page header from home page only?’ is closed to new replies.