Header

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

Author

Posts
October 16, 2014 at 10:17 am #162376 Resolve

leightontravels
Member

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

October 16, 2014 at 2:51 pm #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!

October 16, 2014 at 3:04 pm #162384

leightontravels
Member

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

October 16, 2014 at 3:28 pm #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.
October 16, 2014 at 3:53 pm #162386

leightontravels
Member

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

October 16, 2014 at 3:57 pm #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?

October 16, 2014 at 4:01 pm #162388

leightontravels
Member

Ha very good anticipating!

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

October 16, 2014 at 4:14 pm #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!
October 16, 2014 at 4:18 pm #162390

leightontravels
Member

Thank you so much! Everything is in order :)

October 16, 2014 at 4:20 pm #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!
Author

Posts

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

The topic ‘Header’ is closed to new replies.