Header Issue since 8.0 – looks different on different pages

Hi,

since the new update i twice tried to use it, but the header is is crashing now.
When i am logged in the top is cut of. On the blog page, there is a white bar after i scroll down and back up again. On a different page there is a larger white bar from the beginning.

What changed?

Attachments:

You must be logged in to view attached files.

Hello,

Please disable any plugins not directly related to our theme and provide us with your admin access details. We will log in to your dashboard and investigate the issue. Please ensure that you only keep the following plugins that are necessary for our theme to work correctly:
– WoodMart core
– WooCommerce
– Elementor/WPBakery Page Builder

Thank you in advance.

I have prepared the staging site. Maybe the Custom CSS needs to be changed?

Yes, we changed and optimized a lot in our theme’s structure. So if you had any custom CSS, you need to check if it still compatible with the latest version of the theme.

Haha, it seems like it … thanks

You are welcome. Feel free to contact us if you have any further questions.

I cut out the Custom CSS code and hoped for a positive change, but unfortunately the issue remains.
Also tried to save the header builder settings and go through the theme settings and save those, but no change.

Help please!

Could you please clarify what exactly doesn’t look as expected?

Please go to the top and see my screenshot that i put there and my issue. you also find the your account to the staging site below

Hello,

1. It seems to be caused by the outdated version of the header.php file in the child theme. Try to copy it from the latest version of the theme.

2. You have a wrong color set on the discovery page https://monosnap.com/file/VxbHhAPfSmC1VGcOsF398yAurv8IRJ

3. On the Our mission page you need to change top adding as shown on the screenshot https://take.ms/ibNkX

Kind Regards

Hi again,

thanks for your help. #1 and 3 are successfully changed.

#2 still has an issue. I can change the background color of the specific header to 0% transparency, which helps to solve the issue. BUT i would like to have it 70% transparent, which leads back to a somehow white background in header. To me it looks like there is an padding/margin issue, like there has been with #3 but unfortunately it is not possible to work on the blog archive via elementor. Is there any other solution?

Hello,

We have set a color without transparency and added a CSS snippet. Please test how it works on your end now.

https://monosnap.com/file/7WrxUtYS6Bj7sTqBFzxvjezep4i6Tt
https://monosnap.com/file/dP6i2pJFJFFyBLeDzMRIKIKiPJPLnS

Kind Regards

Is me again. I still have an issue with the blog archive. The CSS is working but to me its more a workaround than a solution. In my view you should spend some time on to work on the blog archive.

First of all i need to have 2 headers if one of them is set to overlap, because the overlap in the blog archive is cutting of the top. So this should be corrected if someone wants to have an overlap header setting.

Second, with the current settings my header for the blog is not on overlap in order to work, but when i start to scroll down, the background turns transparent but also white, which would be avoided with an overlaped header.

In my view it’s not a good solution to advise the user to add more CSS in order to make something work, which is offered to be changed by the theme itself.
I hope you get what i mean.

Attachments:

You must be logged in to view attached files.

For the overlap header to work correctly on all pages, there must be an element that compensates for the header’s height—usually a slider or a page title. As we can see on your blog page, you have disabled the page title.

Unfortunately, we cannot fix this within the theme because it would risk breaking pages for the majority of our clients. However, we can provide you with a solution that allows you to use a single overlap header across all pages.

:is(.blog, .single-post) .wd-page-content {
	padding-top: calc(var(--wd-header-h) + 40px);
}

[Author]

Posts