How to Make Wix Website Mobile Friendly (Tutorial 2024)
148 views
Mar 2, 2024
How to Make Wix Website Mobile Friendly (Tutorial 2024)
View Video Transcript
0:00
What is up guys, if you want to make your website friendly mobile
0:04
you are in the right place of course Wix, so what you want to do if you
0:08
want to, let's say, make a quick adaptation of your website into your mobile, what you want to do is to first of all
0:16
make sure that you have all the elements of your actual website here into, in my case
0:24
I am into my computer so I want to leave this like this
0:28
and I want to add a new text for example, new element text
0:32
I am going to input this like here and I am going to put this into this side
0:36
so what I want to make sure is that I have all
0:40
my elements into my actual website, like this so I am just going to make this a little bit more big enough so I can see this later
0:48
like this, there we go now if you notice here into the very upper side we do have
0:56
this option that says switch to mobile, so first of all what I want to do is to go into
1:04
save and I want to go into the getafreewix.com domain, so here go into save
1:12
and continue, and there we go publish to see your changes live at the following domain, design your own logo
1:20
hit into publish now, and what I want to do is to change
1:24
switch to mobile, now as you can see, this is how it's going to be looking our site into
1:32
mobile, so as you can see it looks a little bit friendly
1:36
and I think speaking about friendly, I want to have all the elements into just one place
1:40
but I don't want to have a lot of elements because I want to
1:44
make this look really simple, nice and easy, so here into the, for example on the right, like this
1:52
on the left, in my case I'm going to leave it on the right, because I think it's more
1:56
faster to do like that, here it says customize your header scrolls with page, disappears or
2:04
fades out, I think this one is accurate, hit into next, actually I'm going to leave it like this, I'm going to hit
2:12
into disappears, so you can look into the header, how this one appears and how
2:16
this one disappears, I'm going to leave it into disappears, position your quick
2:20
actions, you want to leave this floating or you can leave it on the bottom, of course you want to leave this into floating because I want to make
2:28
this simple and easy, remember, hit into next, and back to the top
2:32
button, I'm going to just leave it like that, and get into the go to the mobile
2:36
editor, so these are just a few elements of how we can try to make this a little bit
2:40
more friendlier, and here we cannot delete or add elements, but we can hide stuff that you actually
2:48
don't want to see, for example, I can see this block like that, and here I can see hide section from mobile
2:56
so I'm not going to be longer see this only for mobile
3:00
versions, and here if I want to see like more space I can click in here, and I can see a lot of space
3:08
here, so this is how we can change our stuff between mobile and the actual
3:16
computer version, so both are the same, but have the same information
3:20
but I think it's much more easier and friendlier to have this one
3:24
already been enabled into our mobile design, so just in case you have any question guys, you can leave it down below in the comment section, don't forget to save
3:32
your projection to publish that before you exit here into your Wix, don't forget to like and subscribe guys if you want to see more amazing
3:40
tools for Wix, thank you so much for watching the video guys, and I will see you
3:44
next time
#Web Design & Development