Layout breaks below 320px in Wix Studio

[Usman_Cheema]

I’m I’m facing an issue with a website built in Wix Studio, and I’d appreciate your guidance.

When the screen width is 320px, the layout looks fine. However, as soon as the screen width drops even slightly below 320px (for example, 319px), the entire layout breaks. The structure changes unexpectedly, and the mobile menu/header switches back to a desktop-style layout, which completely disrupts the page design.

I understand that Wix Studio primarily uses 320px as the mobile breakpoint, but in real-world usage, users can still access the site at widths below 320px, and this behavior is causing serious usability issues.

Could you please advise:

• Is there any way in Wix Studio to control or stabilize the layout below 320px?

• Are there any recommended best practices or settings to prevent the header/menu and layout from reverting or breaking at 319px and below?

• Is this a known limitation, or is there a workaround you would suggest?

I’d really appreciate any professional solution or guidance you can provide.

[onemoretime]

Hi, @Usman_Cheema !!

Does this happen within the Wix Studio editor even when the layout is set to 319px or less? Or is it something that only occurs on the live site?

[Dan_Suhr]

I’m wondering what device they are using that is less than 320px ? I know the iphone 5 was 320px so they must be very old devices.

[noahlovell]

As @Dan_Suhr said, have you got an example of any devices this is happening on?

320px is the lowest size a Studio site will get to at the moment