WcartCommunitySign inJoin
0

How do I make my hero banner fill the whole screen height?

I want the first thing visitors see to be one big full-screen image with my heading on it.

themespage-builderheroheight

· 6 views

1 answer

0
Accepted

Open the hero section and go to the Layout tab. Then set Section Height:

  • Auto (from width): the section's normal height.
  • Short, Medium and Tall: about 40%, 60% and 80% of the screen height.
  • Full screen: the full height of the visitor's screen.
  • Custom…: type a Custom Height and choose a Unit (px, vh, % or rem).

Full screen can feel too much on a phone. Click the Mobile device tab and pick Tall there if you like. Click Save when done.

Tip: to have your header float over a full-screen hero, tick Transparent header on the page's edit screen.

Sign in to answer. Sign in or create an account.