Single product builder – gaps on mobile

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

  • Avatar: TheOne
    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.
    3 Answers
    Avatar: Olga Barlow
    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

    Avatar: TheOne
    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.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 4, 2021 at 12:50

    Hello,

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

    Regards

  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.