Return to previous page

Single product builder – gaps on mobile

This topic has 4 replies, 3 voices, and was last updated 3 years, 8 months ago ago by Rose Tyler

TheOne

Participant

March 2, 2021 at 16:08

Hello,

1. I’ve created seperate header for single products. As soon as i did that the layout (image, description etc.) moved to the very top of the page (behind the header). Than i inputed some paddings to allign the content bellow the header. It looks nice on the desktop version (picture: desktop) but since i inputed the padding there are gaps on the mobile view (picture: mobile).

Is there a way i can allign the content bellow the header without the paddings?

2. I am trying to add the normal left allign breadcrumbs to the single product page, like here: https://xstore.8theme.com/product/american-vintage/ . But when i try to add the module in the builder it displays the breadcrumbs on the whole page – i tried to play around with the options but can’t get the stock view.
Theme: coffee

Thank you,

Please, contact administrator
for this information.

#277349 Copied Theme version: 7.2.5 WooCommerce version: 5.0.0

3 Answers

Olga Barlow

Support staff

March 3, 2021 at 13:48

Hello,

1) If you use separate header for the single product then don’t use Header overlap option for this header https://prnt.sc/10c3u0c

2) Check now.

Regards

#277550 Copied

TheOne

Participant

March 3, 2021 at 18:57

1.) I see, thank you. I noticed that the header is not full width -> see private.

2.) Perfect – will check the settings.

Please contact administrator
for this information.

#277617 Copied

Rose Tyler

Support staff

March 4, 2021 at 12:50

Hello,

Edit the header and set Cover for background – https://prnt.sc/10cvquf

Regards

#277717 Copied
Viewing 4 results - 1 through 4 (of 4 total)