Help with responsive grid

[Matty (Matt)]

Hi all,

Wondering if someone could give me a hand with part of my site, I’ve designed a layout which works fine on desktop using the grid method, although on other devices it doesnt respond.

I cant for the life of me get it to work, would someone be able to advise?

Thanks

Read only link below;

https://preview.webflow.com/preview/matthews-fresh-site-ef6bd2?utm_medium=preview_link&utm_source=designer&utm_content=matthews-fresh-site-ef6bd2&preview=2770f52b279b19e8cc7bcd358aa695e3&workflow=preview

[vincent (Vincent Bidaux)]

Grid is CSS so just edit the grid properties on devices. For example removing one columns for tablets, and another one for smartphones

[Matty (Matt)]

Ah thank you @vincent that really is great help.

1 question tho, is there a way that I can get my slider to display on the mobile views? when adjusting the columns this removes it

Thanks

[Elizaveta_Shirina]

Hello! Could you tell please if it’s possible to use grid in navbar? I want it to adjust to all desktop resolutions so that the items in the menu are alligned to the same guidelines as the text blocks on the main page.

[vincent (Vincent Bidaux)]

Hello! Could you tell please if it’s possible to use grid in navbar? I want it to adjust to all desktop resolutions so that the items in the menu are alligned to the same guidelines as the text blocks on the main page.

Yes you can.

[vincent (Vincent Bidaux)]

@Matty

1 question tho, is there a way that I can get my slider to display on the mobile views? when adjusting the columns this removes it

Your slider has a height of 100% inside of a div that has no height. So it’s 100% of nothing. Add a height.