Header/Menu Padding Issues

Good morning,

I am experiencing some difficulty with the Menu Bar on certain pages throughout our website.

We have followed Roman’s advice and installed Unique Headers which has allowed us to have different header images on individual pages.

We do not wish to have a header image on every page, just select pages but this is leaving some complications with the header text and the view of the menu on these pages.

Pages with header image - How the page looks -

Pages without header image - How the page looks - (I have used the highlight function so you can better see the issue we are experiencing)

Please, can you help? :slight_smile:

Thank you,
Thomas

Hello Thomas,

Can you please provide a link to your website?

Kind Regards, Roman.
aThemes Support

Hi Roman!

Thanks for getting in touch - sure thing!

http://s788573177.websitehome.co.uk/contact-us (It’s still a work in progress)

I look forward to hearing from you.

Thank you,
Thomas

Hello Thomas, thank you for the link.

I checked your site and saw that only About Us page is affected. So please try to use the following CSS code in order to hide (not remove) About Us page header text. You can add CSS code in Customize → Additional CSS section.

.page-id-363 .header-image {
    display: none;
}

.page-id-363 #masthead {
    position: static;
    background-color: #202529;
}

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

Kind Regards, Roman.
aThemes Support