Streaming live at 10am (PST)

How to stop columns from auto-generating in a Grid Display?

I feel like I’m posting here everyday lately so apologise in advance for the thread spam!

I’ve got a perfectly working desktop view however when I go into my tablet view it auto generated 3 columns!! does anyone know an easy way to get rid of these because I can’t seem to delete them. I want this nav bar to be only 4 columns and 2 rows.

Here is my site Read-Only:

Hey Boris! Looks like there is an area set that’s causing this. Looks like it’s inherited from your Section class, so I don’t know if there’s another grid that would be affected, but deleting it fixes this.

1 Like

Yep this was it! thanks @parker

1 Like

I wonder if one of you might be able to help me out - I have a bunch of auto-generated rows here that will delete in the vertical mobile view and don’t show up in the desktop view but won’t delete in the horizontal mobile or the tablet views. Any idea why/how?

Screen Shot 2020-03-25 at 1.37.43 PM|690x395

Hi @ansleyluce Ansley,

It looks like you had played with the Areas feature once before. I would recommend using the Alt + Click function on the “Blue” Highlighted “Area” name within the Grid settings to remove any unused Areas.

When I did that on Desktop and Tablet it removed 29 rows instantly. Also under tablet view you have “Grid Container 7” that is set to Display:None but it is using rows 20-23 anyways. It may be hidden but it is still there which means that those rows will show even if no element is viewable.

Just go through your Grid design and I would recommend using Auto placement for as much as you can and only use Manual if you need to override placement. This will eliminate most of those extra rows as well.

Please let me know if you have any other questions,

~ Happy Designing ~