Streaming live at 10am (PST)

4 column break undesired in mobile landscape view


#1

Dear Webflow,

I am posting this in bugs because I don’t see any reason why Webflow behaves the way it does in my case.

Below site on the page “Bangkok” I have 4 columns set up like this:


25

So far so good, but for mobile landscape it breaks wrong as below. Does anyone have an idea how to fix this and could Webflow look into that please and see if there is a permanent fix for this kind of bug?

Thanks a lot!
Stefan


Here is my site Read-Only: https://preview.webflow.com/preview/iwsc?utm_source=iwsc&preview=34018e22fb3576c0218c779821f16eb0


#2

Try to set your wrapper to 90% (the outer object containing your design). Works for me.


#3

Sorry it was not a CMS. Why dont you change to flexbox or grid?.
Will take a look at your site and se if i can do anything if not change


#4

Try set stats block to 90%, might work


#5

Hi @Idext :wave:

I’ve taken a look at your read only link and can’t seem to replicate the issue you’re having.
If you’ve fixed it, then great, if not could you let me know what browser you’re using.

I’ve recorded a 4min video using your read only link showing a way that you can use that kind of layout, but saving you tons of time, using CSS Grid and Flexbox. :slight_smile:

CloudApp

Hope this helps! :smiley:


#6

Have you tried simply using a little vertical-align:top; in custom code and putting your items as display inline-block ?