Streaming live at 10am (PST)

Mobile Version troubles


#1

Hi

I have just created a web site http://expostand.webflow.io
Everyting is very nice. I have upploaded it to www.standureticisi.com
But when I check it through my mobile phone.. frowning very bad
Can you help me immediately ? 2 weeks ago it was nice but
now terrible

Thank you

Murat


#2

Hi Murat, thanks for the post, could you also post your read-only link to the site in question having the issue: http://help.webflow.com/faq/general/how-do-i-share-my-sites-read-only-link and screenshots of what is not looking correct on mobile?

In addition, what kind of mobile phone are you using, so that we can check it on that device model?

Cheers,
Dave


#3

https://preview.webflow.com/preview/expostand?preview=6284e6a76a0b8754ab96c73473e7b621


#4

Hi, Murat, thanks for the link. It looks like there might be multiple things to look at, so lets look at those one at a time.. first, you have a large negative right margin on your hero text, I would remove that.

In general, avoid using any negative values for padding or margins and instead, use the display, float and clears to align your content.

Here is one change to the Hero Title text nested classes on mobile landscape to help fix the text collapsing on each other from your first picture on mobile landscape:

I am checking through more items...


#5

Hi @Murat_Bucak, issue #2, in the mobile portrait mode, you have the Hero Overlay element set to not show on mobile portrait view. Make sure the Hero Overlay element is set to be visible on All devices:

Still checking for more updates...


#6

Hi @Murat_Bucak, item #3: On the nested class Image Section Overlay 2 in mobile portrait mode, you have a fixed height of 600px. I would avoid using fixed heights, rather set your heights to percentage or auto.

Fixed widths and heights can impact the mobile experience wink Some more things on the footer coming up. cheers, Dave


#7

Hi @Murat_Bucak, item #4, in mobile portrait view, the image section overlay has some overflow, which causes the page to horizontally scroll. In looking at the site, I can see you have at least one element using relative position with full cover, a 723px left margin and this is one reason for the overflow, I would change this to position auto or at least remove those fixed position offsets.


#8

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