1. Home
  2. Docs
  3. Sections
  4. Hero Banner

Hero Banner

  • 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.