Custom Header Overlaying top of the page

I have created a custom header for a specific page using an HTML block but it is overwriting the top half of the page.

I have made sure that ‘Make it overlap’ is set to No.

Can you please assist?

Hello,

Try to add the following code in Theme Settings > Custom CSS > Global Custom CSS:

.page-id-7957, .main-page-wrapper {
	margin-top: 180px !important;
}

Best Regards.

Hi – thank you but this is now making the page header overlap the menu

Hello,

Try to add the following code in Theme Settings > Custom CSS > Global Custom CSS:

.page-id-7957, .rs-slides, rs-slide, rs-slide:before {
   top: 60px;
   position: relative !important;
}

Best Regards.

Sorry hats just making no difference at all.

I don’t understand why using an HTML block to create a header for a specific page causes such a conflict with the presentation of the page.

Hello,

Can you please share the WP admin login details of your site so I can check and give you a possible solution?

Best Regards.

Please see below

Hello,

Please use the page title feature from the bottom of the page settings and upload the background image or add this banner in the page with the help of wp bakery.

If you have any questions feel free to contact us.

Best Regards.

[Author]

Posts