Squished images on mobile views

Publishing help General
1

when viewed in from anywhere but computer view the images “BEER Book” floating image does not scale properly

2

604×552 55.1 KB

3

Hi @drkbrns, Can you please update your post with some more information so we can help you faster? Things like your read-only link, Share a read-only link | Webflow University will help :slight_smile:

Posting guidelines can be found here: Posting Guidelines for the Design Help Category - General - Forum | Webflow

Thanks in advance! :slight_smile:
Cheers,
Dave

4

Read only link: https://preview.webflow.com/preview/beerbook?preview=92be2fd72ee12451eb28373098c94727

Im running Chrome 43.0.2357.81

5

Hi @drkbrns, thanks for the link, a couple of changes I would recommend:

  1. On Iphone-ipad class, remove the width on tablet portrait and lower

1170×1358 293 KB

  1. On BB Welcome class on mobile portrait, remove the width setting so it uses the default 900px set the position to relative and put some top offset to move the image into the view

2086×1420 623 KB

​I hope this helps, Cheers, Dave