Qustion about cms inside a grid

Design help CMS
1

I’m building a website with a CMS inside a grid, but the container holding the CMS doesn’t extend to the end of the grid (its height is set to auto). As a result, when switching to mobile and the grid becomes longer, the footer overlaps the grid and ends up sitting right in the middle of it. Any suggestions for a solution?

Here is my public share link:
https://preview.webflow.com/preview/yonamost?utm_medium=preview_link&utm_source=designer&utm_content=yonamost&preview=53228ccbd9007d38f5952d0b98c46dd2&workflow=preview

2

Hi Neta,

You need to share your designer readonly link for anyone to help, without it we cannot see your element layout and grid setup.

3

I’v changed the link - thank you!

https://preview.webflow.com/preview/yonamost?utm_medium=preview_link&utm_source=designer&utm_content=yonamost&preview=53228ccbd9007d38f5952d0b98c46dd2&workflow=preview

4

I can see the trajectory this took :laughing:

But you now have 100s of styles that probably aren’t helping with your goals. Honestly it would be fastest just to rebuild it, this time just with the styles you need.

The reason is there are layers of issues that are cropping up in your footer positioning. The central issue is grid cms but all of the classes have issues.

A few tips;

  • Never set layout styles you don’t need, they’ll bite you later.
  • Don’t overwrite with defaults like auto, just revert the style setting instead.

The basic rule is to let the browser do its layout naturally and only interfere when you need to.

1 Like
5

ok, thank you!
Ill see what I can do about it

6

Well, I reset the style, and that actually worked!
Thank you so much!

1 Like