Product page problems with transparent header

Schreckgespenst · October 2020

Hi there,

I am using the transparent header for the webpage. Now in the product pages the header and the product name overlap.

https://shishavaping.com/produkt/shishavaping-barbados/

How to change?

And as you see, there is a search form and 4 sqaures in the top of the page. It has to remove also.

Thanks for help

Phil · October 2020

Hello,
Please, update your Theme to the newest version, and check if the issue still appears.
From version 20 you can update the theme from the dashboard of your WordPress, in the BeTheme tab. Just register the license, and you will be able to update the theme, install newest plugins and import pre-built websites with sliders. We are not including rev-sliders and plugin updates in the theme package.

Thanks

Schreckgespenst · October 2020

Theme is registered but can't update. I get an Error. Should I deregister and register a new?

Maybe that's the problem.

Schreckgespenst · October 2020

https://shishavaping.com/produkt-kategorie/shishavaping/

https://shishavaping.com/produkt/shishavaping-barbados/

Here you see the header problems. I tryed also other header. Still the same problem. Everything overlaps.

Phil · October 2020

Please, turn off all of the plugins, and try to update your Theme with them disabled.
Also, check if the issue appears without plugins.

Thanks

Schreckgespenst · November 2020

I deactivated all plugins and it still fails. Updates and the pages are looking ugly

Phil · November 2020

Can you send me a link to a screenshoot with your error message, please?

Thanks

Schreckgespenst · November 2020

https://shishavaping.com/2020/11/03/915/

Phil · November 2020

I see that yout Betheme version is still 21.5, and the newest one is 21.9.2.
Please, update your theme like I said in first comment.

Thanks

Schreckgespenst · November 2020

With update same like before. Nothing changed.

Phil · November 2020

Please, modify "Height" value from "Betheme > Theme Options > Header & Subheader > Header".
https://prnt.sc/vddlde

Thanks

Schreckgespenst · November 2020

This works for every page.

I only need it for the shop categories and the products. Using transparent header for all pages.

Schreckgespenst · November 2020

For the product-category page maybe I can use CSS via page-ID, but I don't know the code.

Looks at this.

https://shishavaping.com/produkt-kategorie/shishavaping/

Really difficult it is for the product pages itself. I have over 60 products. and even with translations. So I don't wanna custom CSS for each product ID. So maybe the is a CSS code that I can use for every product.

My normal shop-page looks like this. This is where I use the normal muffin builder

https://shishavaping.com/onlineshop/

Phil · November 2020

Please, put following Custom CSS Code in: Betheme > Theme Options > Custom CSS & JS > CSS

.woocommerce-page #Header{
  min-height: 100px!important;
}

Thanks

Schreckgespenst · November 2020

That works. Thank you

DarthShearer · November 2020

Thanks, that code worked also for my problem with BLOG section:

Product page problems with transparent header

Comments