Streaming live at 10am (PST)

White space problem / Mobile responsiveness settings


#1

how i can delete this white spaces on tablet and mobile like on screenshot https://cl.ly/3P3U2t0J3f3T


Mobile responsive problem
Why my mobile version looks like mess
#2

Can you post your preview link so I can take a look at your designer?

Click here if you need help creating the share only link.


#3

https://preview.webflow.com/preview/animeshkas-beautiful-project?preview=96771649150f38f94b16caf1c000fa5c


#4

Umm, well your evil-doer is margin 85px that you have set to various Divs and in some cases positioned relatively with an offset. Here are some of the sneaky margins.

Personally, I would use Flex box for your solution :slight_smile:
Hope this helps.


#5

hello. i build website for PC version but when i check mobile its weird and i cant understand how i can change mobile version with no affect of pc version. here my link

https://preview.webflow.com/preview/animeshkas-beautiful-project?preview=96771649150f38f94b16caf1c000fa5c


#6

Hi @Animeshka_Animeska_3

Changes cascade downwards from desktop - to tablet - to mobile, but not upwards.

So when you style div block 4 - with the selector on desktop those will cascade down, when you style it with the selector on mobile, just the mobile div block 4 will be styled:

div%20desktop

div%20mobile


#7

its work - but how i can delete this white spaces like on screenshot https://cl.ly/3P3U2t0J3f3T


#8

Hi @Animeshka_Animeska_3

I think you need to look into some of the other options for sizing things - for example on mobile some of your div blocks, and the slider (768px) have pixel values rather than percentage, or vw/vh.

So they have been set with a pixel value for desktop - but are keeping that when at mobile view - so it’s better to tell that div block or slider to display at 90% width or 90vw than a set number of pixels.

Have a look here too:


#9

my image not changes in size any other than pixel what i should do


#10

now i have have white spaces on a right when look on mobile (in web designer i dont see that) i use some tactics with moving elements with padding to fit it