Header

Home Forums Automattic A Simpler Time Header

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #162376 Resolve

    leightontravels

    Hello

    I’ve jut purchased ‘A Simpler Time’ and have begun customizing my site.

    I’m having a problem with the header. I only want it on the homepage but it’s showing up on every page.

    Is there a setting I can activate to remove the header from all other pages? Ideally I don’t want it on blog posts either.

    Regards

    Leighton

    The blog I need help with is leightonliterature.com
    #162379

    Kathryn P.
    Happiness Engineer

    Hi Leighton – I can help you with some custom CSS to only display the header where you want it.

    I don’t see any custom header on your site right now, so I wonder specifically which element(s) you’re referring to. Is it the main menu running across the very top of the page? The tagline “Short stories with side servings of movies and music.”? The graphic running across the width of the page behind the tagline? A combination of these?

    Let me know exactly what you’re trying to hide everywhere except the homepage and I’ll have a look at what we can do. Thanks!

    #162384

    leightontravels

    Hi Kathryn – thanks for your swift response.

    I had taken down the header but it’s back up now so you can see what I mean.

    I had it designed by an artist friend before I signed up for WordPress but didn’t forsee the issue of the theme’s recommended dimensions. Even after cropping it’s a little bigger than I’d like.

    Nevertheless it’s manageable on desktop format but looks to be a disaster on the tablet and mobile phone previews. Any thoughts?

    Thanks for all your help – I’m not very technical at all so this is a steep learning curve.

    Leighton

    #162385

    Kathryn P.
    Happiness Engineer

    Thanks for putting back up the header image!

    To hide the header everywhere but the homepage, try adding this to your custom CSS under Appearance > Customize > CSS:

    .custom-header-image {
      display: none;
    }
    
    .home .custom-header-image {
      display: inherit;
    }

    If you still see the header displaying somewhere you don’t want it after adding the above code, just show me where and I’ll take a look.

    Nevertheless it’s manageable on desktop format but looks to be a disaster on the tablet and mobile phone previews. Any thoughts?

    A Simpler Time is an older theme that isn’t responsive, meaning that it doesn’t adjust automatically to different screen sizes. For this reason I’d recommend that you activate the separate mobile theme under Appearance > Mobile. Just select “Yes” next to “Enable mobile theme.” That will enable a simple mobile theme on smaller mobile devices like phones. You can learn more here about responsive design and other options for mobile devices.

    #162386

    leightontravels

    Hey thanks that worked perfectly!

    But the tagline remains ”short stories with side servings of movies and music” on all pages. Can I get rid of that too?

    Leighton

    #162387

    Kathryn P.
    Happiness Engineer

    Sure, I thought you only wanted to remove the header image itself. :-)

    To be clear, do you just want to remove the words ”short stories with side servings of movies and music” or do you also want to hide the “notched” graphic that appears behind those words in a strip across the page?

    #162388

    leightontravels

    Ha very good anticipating!

    Yup, you’re right I want the whole thing out on all the other pages.

    #162389

    Kathryn P.
    Happiness Engineer

    Alright, instead of the code I gave you earlier, try this:

    hgroup {
      display: none;
    }
    
    .home hgroup {
      display: inherit;
    }

    I noticed that you don’t have a site title right now, but with this new code, if you decide to add one down the road, it will be treated the same way as the tagline and header image – i.e. hidden everywhere except the homepage.

    Let me know if this does it!

    #162390

    leightontravels

    Thank you so much! Everything is in order :)

    #162391

    Kathryn P.
    Happiness Engineer

    Excellent! I’m going to mark this thread as resolved, but don’t hesitate to start a new one if you need help with anything else. Have fun with your site!

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

The topic ‘Header’ is closed to new replies.