Extra rows showing on mobile only, can't seem to delete

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.

if you design it using advanced css grids on desktop then it will filter down correctly.

are cells 15-17 present on the desktop ?

Which layout tool are you using?

Hey Dan, thanks for the comments. I want to avoid going advanced css. No cells 15-17 not present on desktop/tablet just mobile

Are you able to share a link to the site?


It’s strange that those cells aren’t showing in the layers panel (they should)!

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