Reduce Header Size On Secondary Pages

Hi. Is there a way to reduce the header size just on the secondary pages? I like how you can have a big image on the first page, but would prefer to have a smaller on on the secondary pages. Thanks!

Hello, try to use the following CSS code.

You can add CSS code in Customize → Additional CSS section.

body:not(.home) .site-branding {
  padding: 80px 0 20px;
}

body:not(.home) p.site-title {
  padding-bottom: 0;
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.
aThemes Support

Thanks Roman but that didn’t seem to do anything. Any other suggestions?

Hello,

Can you please provide a link to your website?

Kind Regards, Roman.
aThemes Support

Hello, thank you for the link.

Try to use this CSS code instead of the previous:

body:not(.home) .site-branding a img {
    max-width: 250px;
}

Kind Regards, Roman.
aThemes Support

Perfect thanks!
Much appreciated

You are welcome! :slight_smile:

Kind Regards, Roman.
aThemes Support