Question:
I’m wanting delete extra rwos that only appear in the layout section on mobile. The extra rows are causing the cells above to overlap and the images inside those to not visible. The extra rows also have no fill and aren’t present in the layers panel? Kind of strange
Product:
Wix Studio
What are you trying to achieve:
Delete extra, invisible rows from mobile site only.
What have you already tried:
Custom CSS which allows me to delete the rows but then totally reeks havoc on the rets of the layout.
Additional information:
See screenshot attached. Row 15-17 need removing, but genuinely cant see how, unless im missing something super obvious.
I believe you are using a Section grid by the looks of it(advance sizing scales are not available for columns).
In Wix Studio, you can independently delete or add cells in different breakpoints. If you add a new cell in smaller breakpoints(like mobile) then they will be hidden on larger breakpoints(you should be able to see an eye icon in the layer panel), however, if you add a cell in a larger breakpoint like desktop, it will be shown in all breakpoints.
For your case, just go to the mobile breakpoint and hide the rows or just delete them.
For the overlapping of elements, there is a easy fix. Add a top and bottom margin of 0px or more if you want to add some space; it will make sure your cell elements don’t jump the edges