Wondering how to do Wix mobile optimization using the Wix mobile view? In this Wix website tutorial,
you'll learn how to use the Wix mobile editor to add and remove mobile elements to create
a mobile friendly website. So let's get right into this Wix mobile site tutorial
on how to edit the mobile preview website on Wix by using Wix mobile editor tips.
First off, if you don't have a Wix account yet, just click on the link in the description
box below to sign up for free. After you've logged in to your Wix account,
hover your mouse over the website you want to optimize the mobile website of,
and then click on the pencil icon to access its Wix editor.
The Wix editor defaults to the Wix desktop view. To access the Wix mobile view instead,
on the left-hand side of the white panel up top,
click on the mobile icon to switch to mobile, where you can edit your site for mobile.
The Wix mobile editor is where you can customize your Wix website experience for
mobile devices. Changes in the Wix mobile view won't affect how your site looks on desktop.
If you're accessing the Wix mobile editor for the first time, It'll ask you a number
of questions so that you can customize the mobile experience of your Wix website. Select
where your mobile menu opens, on the left, in the center or on the right, and then click on 'next'.
Customize your header by choosing how it looks when visitors scroll,
either scrolls with page, disappears, fades out, or fixed, and then click on 'next'.
Position your quick actions, either floating,
on the bottom or no action bar, and then click on 'next'.
Choose whether you wish to add a back to bottom feature for Wix mobile optimization, yes or no,
and then click on 'next'. Once you're happy with the settings you selected in the Wix mobile view,
click on 'go to mobile editor'.
Once in the Wix mobile editor, you can click on the pages dropdown menu on the top,
left-hand side to select which page you wish to do Wix mobile optimization
for. If you hover your mouse over any of the existing elements on the page,
and then click on it, you can edit that individual element from its individual toolbar.
For instance, in this text box, you can click to increase the size of the text,
decrease the size of the text, access the mobile text settings,
including the font size, color, enable vertical text or not, and alignment, add an animation,
hide the element on mobile devices, and access the Wix mobile help center. Remember that
the changes you make in the Wix mobile view won't affect how your site looks on desktop.
If you added different strips to your Wix website, you can hover your mouse on the right-hand side of
the Wix mobile view to move a section up, move a section down or to hide an entire section.
You can also click on the three little dots at the bottom of the Wix mobile view
to access the quick actions bar. From this quick actions bar,
you can click on 'set up quick actions' to reorder the quick actions, set each one up, rename it or
remove it. Click on the gear icon to access the action bar settings, where you can select to show
quick action labels or not. Click on the layout icon to select which side the bar is on,
left or right. Click on the design icon to select the quick action design of your choice,
and even click on 'customize design' at the bottom to further edit its design settings.
Just like in the Wix desktop view, there is a left-hand side panel in the Wix mobile view.
Under 'add', you can add text, image, button, decorative, box,
social and embed to your mobile site.
Under 'menus and pages', you can locate and click through to any page on your Wix website,
including site menu, member pages, store pages, bookings pages, blog pages and lightboxes.
Under 'background' you can change your mobile background to another color, image or video.
Under 'mobile tools', you can add and customize a number of mobile only tools to your Wix mobile
website, including a quick action bar, back to top button, welcome screen and chrome theme color.
Under 'hidden on mobile', you can view the elements and sections you hid on mobile,
and add them back to your Wix mobile site if you so wish.
Under 'page layout optimizer', you can optimize and update
the mobile layout of this particular page you are currently on by clicking on 'optimize now'.
Once you're done doing Wix mobile optimization using the Wix mobile view,
remember to click on 'save' and on 'publish' on the top, right-hand side to make your changes
active. You can always go back to and switch between the mobile editor and the desktop editor
by clicking on the mobile or desktop icons on the top, left-hand side.
If you're serious about using the Wix mobile editor to make the most out of your Wix website,
make sure you check out our Wix tutorials playlist for even more Wix tips and tricks,
as well as our FREE Complete Website Creation Guide below this video
to learn more about how to create your own website step-by-step without stress or overwhelm.
Leave a comment below and let me know if you'll be using the Wix mobile view
for Wix mobile optimization to make your Wix website mobile friendly. If you liked this video,
make sure you give it a thumbs up and subscribe to my channel so that you
can navigate the tech side of online business with ease, and stay tuned for our next video
which is about how to create a Wix drop down menu. As you wait for my next video to go live,
check out these two videos I have right here, and I'll see you in my next video.