Different appearance in designer and mobile browser

Design help General
1

Hi!

I have a problem that a list looks correct in designer but not in the mobile browser.

This is how it looks in the designer (the right look):
image

And this how it looks in the mobile browser:

1
1750×1334 90.9 KB

Here is my site Read-Only: Webflow - Idrottsrabatten

2

Add the url & page-name with this problem? + Add live url (No way to test this on mobile by read-only link).

3

Here it is: Visby | Idrottsrabatten

4

@Erik Hej. har du fortfarande problem? När jag testade i min browser fungerar det.

5

Yes still problem. Im using an iphone and safari.

6

ok will take a look at it

7

@Erik Try this in mobile breakpoint

Visby
Visby1145×431 29 KB

8

hmm that dont create the look i want:

image
image314×678 20 KB

9

Ok, but it works. I have seen this behavior when displaying cms data when items are side by side and the hight differs. Try put a div around The logo block and the offers. Now you can try when you know the problem.

Let me know if you find a solution you like or if you need some more help

10

It is strange because it is only the first row that has the problem.

11

@Erik did se that your erbjudande 1 class is set to float left. It should not do ant difference but try to remove the float

12

Changed that and still have the problem, tried in chrome too.

13

I did have the same problem, did not wanted to spend time on it and did set a min size.
Will investigate my own site and come back to you if i find a solution.

14

Thanks for all the help!

15

Pling:) You havent find any solution?

16

Hi @Erik i have not. Will take a new look at your project and build a mini version for testing Will look at your project and try yo duolicate the problem

17

I think I solved it. I changed the width from 50% to 49.8% so it may be a bug.
image

18

Great, is it working now??

1 Like
19

Yes now it works!!!