top of page

Managing Your Canvas Layout in Editor X | Wix Editor X Tutorial

What's going on Wix Nation? MPS here from Wix Training Academy and to close up the week with an Editor X training video, we are going to cover a quick tutorial of managing your canvas layout in the brand new responsive editor by Wix.

If you're brand new here on the channel, thank you for joining us! You're not going to want to miss any of this Editor X training content. Make sure to click that subscribe button and turn those bell notifications on and instantly joined the largest Wix Training Community on the internet. Pretty great place to be when learning a brand new editor.

Without further ado, let's jump in to today's video!

Managing Your Canvas Layout

All right guys, so we're here in Editor X. As mentioned, this is one of the last videos. We've got two to three more covering the workspace module. As I mentioned, I decided to reinvent and re-imagine the training for this brand new editor and we're doing it in modules and workspaces.

The first module and the canvas from today's video that I'll be showing you is literally your workspace and what the canvas is, is it's this main design and development section. This is where all the action happens to manage your canvas.

What you can do is number one, you have the ability to switch between break points. As we learned and touched on break points in our last video on Wednesday, you can switch in between them. You'll notice that when you do this, it switches the entire canvas view. If you'd like to manage your canvas, what you can do is you can click one of these little gray lines next to the a canvas editor itself and you can resize it so that way you can see what your site will look like at different screen sizes.

Very similar to break points if you just switched in between break points, but this allows you to go ahead and manage your canvas, bringing it in and bringing it out, and as you can see throughout the entire time, it's completely responsive, right?

It completely responds to the size of the canvas that we are stretching into and still looks clean and crisp as a site and that's how you manage your canvas. I know that seems very straight forward in a very quick tip, but a lot of people are going to have the question about you know, how do I switch to canvas size or how do I manage the canvas and it's by dragging knees but also understanding that you can utilize the break points that you created to switch your canvas size and disk design and develop in that particular screen view, whether that's desktop, tablet, mobile, whatever that may be.

And that's how you manage the canvas. And the canvas is your literal design place where all the design and development happens. It's this right here where we can click on elements. It's what the elements on the screen look like and the ability to design and develop them.


So guys, I know those are very quick, easy, right to the point canvas lesson to end the week here on Friday.

But if you enjoyed the video and you're enjoying the Editor X series, make sure to like this video and comment down below and let me know at the end of week two of our Editor X training series, how are you enjoying it? Is there anything you'd like to see added or fixed? And remember we're doing this in modules. This is the first module getting familiar with our workspace.

And lastly, you do not want to miss all the Editor X training content. I mean, it's going to add an additional 300 to 400 videos to the channel to ensure you don't miss out. Make sure to click the subscribe button and turn those bell notifications on, and you'll also instantly join the largest Wix Training Community on the internet. That's a pretty great place to be when learning this brand new responsive editor by Wix.

Thank you guys so much for watching today's video! Have a wonderful weekend and I look forward to seeing you back on Monday with our next Editor X training video.

See you then!

122 views0 comments

Recent Posts

See All


bottom of page