Hostinger Website Builder: How to resize elements and sections

Learn how to resize elements and sections using Hostinger Website Builder

Updated 16 hours ago

Follow the below instructions to resize elements in sections in Hostinger Website Builder 👇

Resizing elements

To resize an element, drag it by the borders or the handles on the image corners:

Selected image in Hostinger Website Builder with corner handles for resizing and stretching

Some elements, e.g., social media icons or button elements, have additional size settings: click on the element, select Edit, and explore the Style settings tab,

Resizing sections

To resize a section, look for a blue handle on the bottom border of a section and drag it up or down:

Hostinger Website Builder section height control highlighted on a divider line

To resize a blog section or a product section, open its layout settings and change the top/bottom padding.

Resizing the website’s menu section

To resize the website’s menu section, open the header layout settings and change the top/bottom padding:

Hostinger Website Builder header settings with the Padding top/bottom slider highlighted

NOTES