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

Ask the community
1

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

1 Like
2

Hi @alimourchid

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.

3

You’re awesome :slight_smile: It works. Here’s a demo result https://alimourchid.editorx.io/xsite

4

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 ?

5

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

6

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

7

@alimourchid 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

8

Hi,
I’m having the same issue and your result looks great, but:
Where can I find the option to change the section height?