Community X.

Connect with other creators, share ideas, give feedback and get the latest product updates.

Jul 15, 2020

How can I create a responsive fullscreen section like hero section for example?

I'm trying to build a fullscreen section that takes the whole screen but can't find a way to do this.

1
Best Answer
Jul 16, 2020

Hi @mourchid ali


Great question! You can create a full screen section by setting the section height to 100VH.


Note:

VH = Viewport Height

1VH = 1% of the Viewport Height

100VH = 100% of Viewport Height


Please share with us your results, we would love to see the hero image.


1
Jul 16, 2020

I have one more little issue. the image background is downloadable! I don't the save image option to appear when you right click. just like the way we have on wix regular editor strip background. is there a way I can do this ?

Jul 22, 2020

I have the same problem, if someone has a solution I am interested! :D

Jul 23, 2020

Which problem you're having exactly? the full-screen section or background image downloading ?

@mourchid ali you can simply put a fully-transparent rectangular shape from the add pannel (+) on top of the background image and with its same size and margins, that way it prevents to be directly clickable and, hence, not downloadable by the average visitor ;v #workaround #cleverhuh

Editor X

Design your boldest creations.