Stack Text Like in Mobile View

mcbowen · April 1, 2022

Site URL: https://dog-giraffe-4pbj.squarespace.com/

Password = password

Hi,

Is there a way to activate the mobile view for a certain section at a desired screen width as below:

As there is so much text in this section I would like it to display with each element stacked on top of eachother as in the mobile version below:

Edited April 1, 2022 by mcbowen
Added password

tuanphan · April 1, 2022

Add to Design > Custom CSS

/* Stacked Footer */
@media screen and (max-width:1200px) and (min-width:768px) {
div#page-section-62475b175102c36bbc6d64f0 .image-block {
    width: 30%; /* logo size */
}
div#page-section-62475b175102c36bbc6d64f0 .col {
    width: 100% !important;
}
}

mcbowen · April 2, 2022

Seems to work thanks

Stack Text Like in Mobile View

Recommended Posts

mcbowen

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Posted Images

tuanphan

Link to comment

mcbowen

Link to comment

Create an account or sign in to comment

News

Resources

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources