Margin top on product pages

trueadvertising · June 2020

Hi,

can you tell me how to increase the top margin on product pages in WooCommerce?

https://industrial-makerspace.com/produkt/rollenhalter/

And by the way: How can I hide the shaded background on the top of this page?

Cheers, Andreas

Pablo · June 2020

Hello,

Your header is on product page overlapping, because of two things:

1) Your header type is set to "Transparent", it means that your header does not have any height applied, so it will always get content 'below' him.

2)
Your minimalist option is set to "Minimalist without Header space", it
removes the height of the header, so it will work like "Transparent" header.

All of these settings are able to change in Theme Options > Header & Subheader > Header

After solving first issue, we'll take a look at the shaded background - is it okay?

Thanks

trueadvertising · June 2020

Hi Pablo,

thank you for the help. But I had to set it to OFF, Minimalist On doesn't work. An now the header is also on other sites (e. g. https://industrial-makerspace.com/news/ , https://industrial-makerspace.com/features/) but not on all https://industrial-makerspace.com/e-carsharing-landingpage/ (with slider revolution).

Is there a solution for this? Or must I set an revolution slider with this content on the other pages?

I only need the header space on the shop pages. Is it possible to set the header transparent?

Andreas

Pablo · June 2020

Well, please reverse that changes I told you about and I'll create a custom css code for woocommerce pages only.

Will it be okay for you?

Thanks

trueadvertising · June 2020

Of course, that will be fine!

Pablo · June 2020

As I see, it's still visible.

https://prnt.sc/sudgyo

Do you want to leave it as it is now?

Thanks

trueadvertising · June 2020

No, I wanted to wait until your css came in. But i can reset it right now.

trueadvertising · June 2020

It is reset to Minimalist without Header Space

Bryan · June 2020

The best sollution without using any css is to use the subheader.

You can set the subheader height by adjusting the padding in theme options>subheader.

You can also change the background color and hide all of the texts inside the subheader to create just the space itself.

thanks

Margin top on product pages

Comments