Jump to content

How to fix the appearance of grid on mobile

Recommended Posts

It looks like there is a CSS styling rule (probably in Design > Custom CSS) that looks like the following:

section[data-section-id="62132a7d18d299423224bd20"], section[data-section-id="62207da64930d71509a4ef6e"] .sqs-col-6 {
    border: 1px solid #fff;
    width: 40% !important;
    margin-left: 7%;
}

To fix the issue, just remove the "!important" tag from the width property so that it looks like this:

section[data-section-id="62132a7d18d299423224bd20"], section[data-section-id="62207da64930d71509a4ef6e"] .sqs-col-6 {
    border: 1px solid #fff;
    width: 40%;
    margin-left: 7%;
}

Hope this helps!

Link to comment
8 hours ago, Caroline_Smith said:

It looks like there is a CSS styling rule (probably in Design > Custom CSS) that looks like the following:

section[data-section-id="62132a7d18d299423224bd20"], section[data-section-id="62207da64930d71509a4ef6e"] .sqs-col-6 {
    border: 1px solid #fff;
    width: 40% !important;
    margin-left: 7%;
}

To fix the issue, just remove the "!important" tag from the width property so that it looks like this:

section[data-section-id="62132a7d18d299423224bd20"], section[data-section-id="62207da64930d71509a4ef6e"] .sqs-col-6 {
    border: 1px solid #fff;
    width: 40%;
    margin-left: 7%;
}

Hope this helps!

Yes this worked perfectly!! Thank you so much 🙂

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.