Mobile product page

Home Forums Technical Theme Support STAX Theme Mobile product page

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #474730

    Mobile product page as example on iPhone is 1/3 the product information.
    2/3 white space.

    How can we solve this to friendly mobile pages like 2/3 is product information and 1/3 white space?

    website: 2fix3d.nl
    Example page: https://2fix3d.nl/shop/polymaker-polyterra-pla/

    #474819
    David Morgan
    Keymaster

    Hi Jeffrey,

    Upon inspecting your site, it appears the template has been modified, and several nested group blocks have been added around content on your product template page. That’s fine, but in mobile, additional padding is being added to these nested group blocks — which is compressing the information and adding surrounding white space.

    The easiest solution is just to locate these group blocks in the template using the ‘List View’ option in the editor (this will provide a tree-view list of all your blocks on the page). Then, select each group block, and within the block options, set the padding to 0. After saving the changes, the padding should get removed from the mobile view.

    Let us know if this works.

    Thanks!

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.