- The “Hero Banner” refers to a prominent and visually engaging section that is often placed at the top of a website’s homepage. The Hero Banner is typically the first thing that visitors see when they land on the page, and it serves as an attention-grabbing element to showcase featured content, products, promotions, or important information.
Click the Hero Banner section to open its settings:


On the right side of the page, you will see Hero Banner – settings:
Section – Width
- Firstly, in the “Section – Width” part, you can customize the display width for your sections according to your preferences. Additionally, you have the option to change the background color for that particular section.


- Background Image : Next, in the “Background Image” section, you can upload an image and edit it according to your needs.


Layout – Setting
- Lastly, in the “Layout – Setting” section, you can customize the spacing as per your preferences by dragging the blue dots on the bar to adjust the spacing accordingly.
