Streaming live at 10am (PST)

Problem with Mobile Layout


#1

Hello everyone,

I am starting with webflow to create my first website.
I am trying to follow the instructions but the mobile version of my website looks really REAALLLY messy and I do not know how to sort it out ! Everything is upside-down ! Should i rebuild my pages again ? :weary:

my read only link is : https://preview.webflow.com/preview/benas-first-project?preview=059ac6966c3ee37de807058c07cd60ff

the published link is : http://benas-first-project.webflow.io

The website is still pretty basic but If you have any suggestions to make it nicer I am in !!

I will upgrade it as soon as I understand how to do that !

thanks for your help
Bena

here are some exemples

computer

mobile :

!

computer:

mobile :



#2

Hi @bena :grinning:
I took a look at your website. You have a lot of messy positionings, negative margins and huge paddings that are messing up your layout (desktop included; the page has horizontal scroll). There is a lot to fix…
I really think you should watch the tutorials that were recently released, specially about positioning and the box model; it will help you a lot understanding the basics:


I would also advise you to remove all the properties that you applied to the body, except the background color and use absolute positioning sparingly, only if needed.
I also noticed your homepage is not loading on top, so you should remove “autofocus” from your form text field.


#3

thank you @Filipa for your answer ! I will watch them and do it :slight_smile: I do appreciate your help

Have a nice day


#4

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.