Goal: Make your website look good on phones

Friday - Lesson 14:

Mobile View

The fact is that most people look at websites using their phones.

So, this lesson is a simple, but important one!


I'm happy to help!

Click the green circle below.

I'll be here from

9-10am & 3-4pm.

Screen Shot 2020-05-18 at 6.17.55 PM.png
  • You can begin on any page on your website.

  • Look at the top of the page and you'll see an option to look at your site as if it is on a smart phone.  

  • Click to switch to mobile view.  

Screen Shot 2020-05-18 at 6.18.12 PM.png
  • Once you've changed to mobile view, click SKIP THIS.

  • This view will show you how your reader will see your site on their phone.  

  • Wix tries to figure out how to best move around all your text, hoptos, videos, etc to look best on a phone, but sometimes it doesn't do a great job.

  • So, your job now is to go through all your pages on mobile view and rearrange it to look like you'd like it to.  

Screen Shot 2020-05-18 at 6.19.04 PM.png
  • The first thing you can do is change yor backgrounds.

  • The reason you may want to do this is because if you have an image for your background, it may not show the image correctly on mobile view. It can also look a little bit too busy if there are images behind text.  So, you may want to change your background to a solid color.  But of course, it's completely up to you!

  • Click the BACKGROUND button show here and change your background if you want.  

Screen Shot 2020-05-18 at 6.18.39 PM.png
  • You also may notice that your text looks a little too large on the mobile view.

  • You can easily change this by clicking on the text box and then on the button that says A-

  • You can make the text larger if your like by clicking on the button that says A+

  • Please note that you cannot change what is written on the mobile view.  If you want to change what is written, you'll have to go back to the desktop view and change the text there.

Screen Shot 2020-05-18 at 6.19.40 PM.png
  • Finally, you can change the way the menu looks on your mobile view if you like.  

  • Click on the symbol of the menu

  • Click on the paintbursh icons to change the menu's appearance


Check & change the mobile view on EACH page of your site.

  • You can delete any elements you don't want on your mobile view by clicking on the element and clicking delete on your keyboard.

  • It make take a while to go through your entire site and optimize all your pages for mobile viewing, but it is important, so stick with it! 

Who's amazing?!

You're amazing!

Black Forked Ribbon