How to Reduce Header Area on Secondary Pages

Hello Support,

Thank you for all of your wonderful help.

How do I reduce the header area on secondary pages (all but home page)?

Under the Site Header Type, I have it set to ‘No Header (only menu).’ The menu style is sticky.

My preference is to have a sticky menu resting at the top of the page, with the a little bit of space between the menu and text area.

I attached a view of how it looks now…

Thanks, Bo!

Athemes|670x230 Athemes

Hello Bo,

I would be glad to help you, but can you please provide a link to your website first?

Kind Regards, Roman.
aThemes Support

Thank you, Roman.

Here’s a link directly to the page:

Hello Bo, thank you for the link.

Try to replace this CSS in your Additional CSS (row 100-102):

.header-contact.clearfix, #masthead.site-header:not(.float-header) {
      position: static;
    }

…with this:

body.home #masthead:not(.float-header) {
    position: static;
}

…and remove this (row 142-144):

body:not(.home) #masthead {
    position: absolute;
}

Kind Regards, Roman.
aThemes Support

Thank you, Roman. Your coding worked perfectly.

Much appreciated. Bo

You are welcome Bo!

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

Kind Regards, Roman.
aThemes Support