Overcoming the break points for variety devices

[Paradise_Rodriguez-B]

Question:
Ive tried everything I can thinks of to make the site flow via different devices. How can this be optiomized? Are there px ive not considered?

Product:
Wix studio and editor X

What are you trying to achieve:
I need to make it flow beautifully on screens from 34" ultra wide to a iphone 12. Also on the s8 ultra samsung tablets.

What have you already tried:
Ive trying adding several breakpoints, as i edit, I publish to then view in the devices , and its just not working well. Fonts get too small on mobile and too large on 34". When i edit the design… the darn cascade makes me have to do the same to all the others

Additional information:
Sites were fine last month, then suddenly, everything was overly shifted. Also sites are loading so slowly. Could this be due to the studio updates?

This will look great in the editor, but look terrible on the devices.

My brain is mush at this point.

[talyaa]

@Customercare, can we get assistance with this please?

[AndrewT]

hello there! I’m sorry to hear that you’ve faced such problem with working across the different breakpoints on the site you are building. We can share with you some of our KB articles as well as some videos here:

Cascading Rules in Editor X Tutorial

Expert Tip: An in-depth look into Cascading in Editor X

When we build a responsive website in Editor X, we can apply different layouts and designs using breakpoints for different devices and screen sizes. Design changes made on a specific breakpoint will also affect the breakpoints below it, but will not have an affect on the breakpoints above. This is the Cascading rule, and in this video we will explore what it is, when does it apply and not apply, and what we should pay attention to when designing on lower breakpoints.

still best option for us would be to take a look over the Builder, since the reason might be something very specific, so will it be ok for you to share the site link here?