My website is not responsive

Solomon_Oukaddi · July 2, 2020, 6:43pm

Hey,

Been sitting here for a couple of hours trying to figure out how to make my site response to different sizes.
Thanks in advance for the help:)
My site link: https://preview.webflow.com/preview/bifond?utm_medium=preview_link&utm_source=designer&utm_content=bifond&preview=05976c0eafe06c447e61ea083fba0476&mode=preview

jhiggins · July 2, 2020, 6:54pm

go into columns and on smaller sizes change to the horizontal button (also, don’t use columns)
on grid layouts (because you’re not using autoplace) you need to add additional rows and manually move content

HGWeb · July 2, 2020, 6:55pm

Hello.
Try to use flexbox or grid, not columns.

domin8tor · July 3, 2020, 12:48am

Hi Solomon,

Just to take a step back as the other comments are also really useful.

As you’ve done, you can navigate the different devices for your website. However, to make your website responsive - you can edit the settings under these (sizes, padding, layout etc.) to make these legible on each of the different devices.

Making changes here won’t disrupt or ruin the desktop sites - i.e. each device screen is individual so you can reformat these to ensure your website is responsive to each device.

You can then use the tips above to ensure that ‘column’ style layouts can be easily changes on the different device views.

Cheers,
Dom