Problem with header

Hi,

On all my pages, I have a problem with header : a white space appears on the top.
This white space disappear on sticky header.

And on product pages (shop), I have no header.

Could you help me with that please?

Thanks

Hello,

I have visited your website.

It is the header banner that appears on the top of the header. Please Go to Theme Settings >> Shop >> Header Banner and disable it.

Screenshot for Clarification: https://prnt.sc/vdtg4c

Then clear cache and check back.

Regard’s.
Xtemos Studios.

Thank you for that, that’s fixed my first problem.

But as I explained you, I have a different problem on my shop categories pages : there is no header.

https://surfskate-family.com/categorie-produit/surfskate-complet/

Please could you explain me how can I fix that?

Thanks in advance

Hello,

You are Most Welcome.

Please make sure that you have enabled the same header for the shop page by editing it from page title options.

Screenshot for Clarification: https://ibb.co/7zwcXQ2

Then clear the cache and check back.

Regard’s.
Xtemos Studios.

Thanks but I can’t find this setting.

I find the header setting for page or product page, but not for shop categories…

Sorry but could you show me exactly where is it on my back office?

Exemples :
https://surfskate-family.com/boutique/
https://surfskate-family.com/categorie-produit/surfskate-complet/

Hello,

I have logged into your website and set the header for the shop page and it is displayed.

Screenshot for Clarification: https://prnt.sc/vel0f0

Please clear the cache and check back.

Regard’s.
Xtemos Studios.

Hi,

Thank you.
Sorry but I checked on 4 differents computers (Mac & PC) and different browsers (Chrome, Safari, Firefox), cleared the cache… and I still have the same problem everywhere.

Hello,

I have revisited your website.

The actual issue is the overlap header that is enabled for the header. As the header is displayed but it is transparent that’s why it is not displayed correctly.

Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.woodmart-archive-shop header.whb-header {
	margin-bottom: 110px;
}

.woodmart-archive-shop .whb-color-light:not(.whb-with-bg) {
	background: #212121 !important;
}

Then clear cache and check back.

Regard’s.
Xtemos Studios.

[Author]

Posts