Help!! I am so lost and need my website ready for the mobile view as soon as possible but when I publish the mobile view on Editor X the layout is completely messed up IRL even though it looks fine on the editor. I am not just talking about minor changes because of different mobile screen resolutions, but extreme differences with no traceable origin. I am posting a comparison screenshot here.
Is anyone experiencing this issue? It wasn’t an issue for me even last week!
(My actual phone browser looks like this left as well, even though the right one is how it’s supposed to look)
let me check this, please
maybe I will need to do the ticket based on the situation describe, I will keep you updated
ok, so I’ve found that you are using the same grid structure for the mobile as on tablet, which won’t work well for the mobile breakpoint. Along with this, while I was testing the best layout for this situation, I’ve found that grid was corrupted most likely. So I can suggest you to re-build it from scratch for the mobile in the easiest way possible here is the values and ratio you can use:
1x2 grid cells in section, section set to Auto/None/None
Gridcells set to Max C and elements put in stack
the layout you’ve got now won’t allow you to proceed unfortunately
as for the rest of text, on site, you can work with textbox width and grid cells values, along with stacking elements
Ah I see. Would you recommend me just hiding this corrupted element in mobile view only (is that possible?) and create an element that is visible only in mobile view to fix this? (assuming it is possible also) or should I just rebuild all the corrupted elements? thank you so much! I appreciate all the clarity.
