Transcript:

0:00

Now that we're done making edits, we're going to double check how the site looks on mobile screens. Since most of the time, people are going to be accessing your website from their phone, it's important that your site is adapted to a mobile screen.

0:11

I designed this template to already be adapted to mobile screens, but if you made any significant changes, there's a chance some of the elements could've been moved around.

0:18

But that's totally fine, because I'm going to show you how to check for that and how to fix it. So let's start back at your homepage.

0:24

Click on this mobile view button. Now I'll show you how to make some common edits. Just like in desktop view, to add or remove space from the bottom of a section, you can click on this button and drag it up and down.

0:42

You can move an image or any other kind of element by clicking on it and dragging it. You can move multiple elements at once by clicking in an empty space around the elements and then dragging your mouse to highlight all the elements that you want to move.

0:57

Then just click and drag them. Go ahead and check the rest of your homepage. Chances are you're not going to need to make any adjustments here unless you added any new sections.

1:11

When you're done, click save. And exit. Now you're going to want to check the rest of the pages on your site.

1:17

You can go ahead and skip the gallery page because unless you added any new sections, it's not going to look any different on mobile.

1:24

Now check your about page. You might need to change the size of this image. Or maybe if there's empty room below your text, you might want to change that.

1:34

Then on your contact page, if anything, maybe you want to move these images around. It's completely up to you. But just make sure everything looks good on mobile and then if you made changes to any pages, check those pages on desktop to make sure it still looks good there as well.