Change image block card in mobile view

LIZZY-pa · October 26, 2020

For the life of me I've been trying to change the way Image block:Card looks in mobile view, because right now it sucks! I've searched everywhere but can't find an answer. Can somebody help me out?

I want it to look stacked; img above, text under - width of both fit to screen.

Thanks in advance!

Edited October 26, 2020 by LIZZY-pa

creedon · October 26, 2020

Remove or comment out the following CSS at the top of your Custom CSS.

@media only screen and (max-width: 640px) {
    .sqs-block-image {
        width:20%;
        margin: 0 auto
    }
}

Let us know how it goes.

LIZZY-pa · October 26, 2020

@creedon OMG. Hahah I suck. Thank youuuuu!

creedon · October 26, 2020

🙂 No worries! I lose track of what I've done sometimes also!

Change image block card in mobile view

Recommended Posts

LIZZY-pa

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

creedon

LIZZY-pa

creedon

Posted Images

creedon

Link to comment

LIZZY-pa

Link to comment

creedon

Link to comment

Create an account or sign in to comment

News

creedon

LIZZY-pa

creedon

Resources

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources