Jump to content

Recommended Posts

Hi,

I have a section on the homepage of a website I am working on with 3 columns, created with fluid engine. I am trying to force the 3 columns to 1 colums on tablet portrait mode (for mobile screen it does it automatically), but so far no luck. If it would be possible to force the whole site instead of 1 section on a page, even better.

I tried this code:

@media screen and (max-width:1024px) and (min-width:750px) {
[data-section-id="62e128679b13b7022c5d2826"] .content {
    width: 100% !important;
}
}

and this one:

@media screen and (max-width:1000px) {
#collection-5dc4a4cd714889457f7615c2 div>.row>.col {
    width: 100% !important;
 }
}

 

Thanks for any help.

 

Link to comment

Try adding to Design > Custom CSS

@media screen and (max-width:1024px) and (min-width:768px) {
.fe-62e128679b13b7022c5d2825 {
    grid: unset !important;
    display: block !important;
}
.fe-62e128679b13b7022c5d2825>div {
    margin-bottom: 20px;
}
.fe-62e128679b13b7022c5d2825 h4 br {
    display: none;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.