Hostinger AI Builder: How to customize the product page layout on mobile in manual mode

Adjust how your product page displays on the mobile version of your Hostinger AI Builder manual mode online store.

Before you start

• Create an online store in Hostinger AI Builder manual mode if you haven’t already.

Customize the mobile product page layout

1. Find the product page you want to edit.
2. Switch to editing the mobile version of the website.
3. Click the product section and select Edit section.
4. Adjust the following settings under Layout:
   • Text alignment: Left or Center.
   • Gallery placement: Bottom or Left.
   • Image ratio: Original, Square, Landscape, or Portrait.
   • Padding: adjust the top/bottom and left/right spacing in pixels.
     
5. Update your website for the changes to reflect online.

Your product page now displays with your chosen mobile layout.