Banner

Banner displays a single image area with desktop and mobile height controls.

Configure Banner

  1. Add Banner.
  2. Choose an image.
  3. Set desktop height.
  4. Set mobile height.
  5. Save.

Section Settings

  • Image: The banner image shown across the section. Use a strong image with the subject near the center so it crops well across screen sizes.
  • Desktop height: Controls the banner height on desktop. Increase it for a more immersive visual banner; reduce it for a slimmer page divider.
  • Mobile height: Controls the banner height on mobile. Mobile banners often need less height than desktop banners to avoid pushing content too far down the page.

Tips

  • Use a high-quality image with a clear focal point.
  • Preview on mobile, because fixed-height banners may crop differently on small screens.
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.