Hey, in this lecture, I would like to talk to you about mobile responsiveness. It's very important, all of the pages of your funnels to be mobile responsive. And I'm going to tell you why. Approximately 60% of all searches done with Google come from mobile devices. Okay. And in fact, if your website is not mobile optimized, Google may even penalize you for that, let alone if you run Facebook ads, and you know that you have the option to choose desktop or mobile traffic, right.

And most of the time, you will see that mobile traffic is much cheaper than desktop. And it might be a good idea for your business to go with mobile traffic. But the thing is, your funnel has to be optimized for mobile. Okay, so to do that, I would like to show you a few things here in thrive architect. As you remember, this is the page We built and down at the bottom, you will see three options. So this is desktop, then you have tablet, and then you have mobile phone.

When you click these options, you will get a rough idea. And it may say, Robert, because there are different tablets with different resolutions. The same applies to mobile phones, but you will have an idea how your page will look like on such a device. Okay, as you can see, the landing page looks good on desktop. But what happens if we click mobile here. So this is how it looks like.

Now you can call me old fashioned, but I really like my buttons deep on any page of sacred to be above the fold line. Okay, and what we call the fall line is users don't have to scroll in order to see and click the button. So we're gonna have to do some work here. As you can see, here is the button and I have to scroll in order to see the button so we can do a few changes. First the forms. Let's play with the size a little bit.

So we have 30 here, and I think we can reduce that to 2024. Maybe okay 24 then this one is 17. Okay, it's kind of a sub headline or headline, we can do it to a tee. And then I think when I click the background section, it says background section here. And when you go to layout and position, you will see this margins and panics here, it's set to 30. So if I reduce this here, it will generally get all the elements and move them up.

So I'll do it 15. Maybe I'll do it 10 because in this way I want to I want that space. Okay, it's important for me to have it. It is starting to look better. Now what about this text here? I'm going to reduce the size.

Let me control a and then main options. This is the size, I'm going to do it to 14 left aligned. Okay? He was 50. Okay, 15 is better. Now, let's fix the spout list.

The first thing I'm going to have to change here is the height of the lines. So to do that, I'm going to have to go to the poverty. And then let me click that first. line height. Okay, let's reduce that to one. Okay, great.

Now let's align it. Now 10 position. Let's play with the margins and bodies again. What about if I do zero here? Okay, so I'm going to reuse this too. 15 maybe 10 Okay, so I can save some space.

And now the button is well above the fold, which I like very much. Okay. Now one thing you can use these you can choose not to show particular elements on the different devices. For example, I may want to hide this cover here on mobile devices. To do that I just click on it go to responsiveness and then it says visible on only desktop and tablet. Okay, as you can see i deselected the mobile devices so it's not visible here.

Oh, what about this text here? Let's play with the window size. Okay, this is the big round. I don't like this. face here. So this is the big round.

They probably, excuse me layout in position. No need to be 60 is the third. Okay, good. Now, it's much better now what do you think? Now before I save the work, I will see what happens on the rest of the devices. So this we didn't do any changes here on tablet, on desktop, it's all the same, but on mobile, it's much different in terms of alignment, margins, padding, and spacing and things like that.

So I will do that for mobile as well. I will do the necessary changes here. And then I'm going to save my work. Let's save it. Now I may want to preview the best place would be to get my phone and load the URL I will see how it looks like on my mobile device. But that doesn't mean it will look great across all mobile devices.

For that reason I want to do another test. There is a free service that they like to use. And it's called core tools.com. Screen fly because they have, they have a few tools but you go to specifically this one, and then you paste the URL of the web page, hit go. And basically you can check the responsiveness here. You have a few options.

You have desktop and of course different resolutions on you have tablet. Again different resolutions you have Samsung tab. Maybe I bought I Pro, okay. It changes depending on the resolution. And then you have mobile This is the one we are interested in. Particularly what I look at is iPhone 6767 plus and above.

I believe they will add it as well. Because now we have a newer iPhones. This is how this is going to look like. Unfortunately you cannot scroll, but it gives you the idea what you see above the fold. Okay? And honestly I'm satisfied with the results here.

Okay? The popup looks good as well. But if need be, you can always go edit the lightbox, do some changes there and safe. Okay, so I'm satisfied with the work here. I like how it looks and everything is saved. And I do that again, for all the pages from the funnel I built, I think it's very important and I recommend you do that as well.

So I'm going to give you a link maybe I will have it on the screen for this software right here, screen fly. And you can do the same for your funnels in your pages. I hope this has been helpful to you. Thank you very much for watching and I'll see you in the next one.