Streaming live at 10am (PST)

Different appearance in designer and mobile browser


#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:


Here is my site Read-Only: https://preview.webflow.com/preview/idrottsrabatten?utm_source=idrottsrabatten&preview=591c7d322fbf916d1a19c2cb477fd1b5


#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: https://www.idrottsrabatten.se/vara-haften/visby


#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


#8

hmm that dont create the look i want:


#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??


#19

Yes now it works!!!