top of page

Editor X - How To Create Full Screen Section

Updated: Jun 27, 2022


Full screen section Editor X
Create Full screen section Editor X

Getting a full-screen section on a website becomes one of the most things web designers are willing to do as well as the clients too, I see that it seems a bit confusing for Editor x users to do so, I decided to make an easy tutorial on how to create a fullscreen section on the new Wix Editor x.


Steps on how to build a full-screen section in editor X


The first thing, of course, is to log in to your Wix account and get to your Editor x.


  1. Create a new section

  2. Add your content to it and image or color background to it if you wish.

  3. Now select the section and go to the side panel on the right side of your screen.

  4. Switch PX to Viewport and exactly choose vh and enter 100% on min and max height.

  5. publish your changes and view the website

Now your section must be a full screen one. if you find it a bit hard to follow the steps above, I made an easy video tutorial for this. Make sure to watch it below.




I hope you find this tutorial useful


Thank you


2,927 views0 comments
bottom of page