Jump to content

Make images smaller on mobile

Recommended Posts

Hi there,

Just tried it and nothing happening.

I have the below code in at the moment.

/* Mobile-Homepage-Center text */
@media screen and (max-width:767px) {
body.homepage article section:nth-child(n+2) .html-block * {
    text-align: center;
}
}body.homepage article section:nth-child(n+2) .html-block * {
    text-align: center;
}

[data-section-id="62729f40610f347cd944c25f"] {
  @media(max-width: 767px){
    .sqs-col-12 > .sqs-rpw{
      display: flex !important;
    }
    .sqs-col-12 > .sqs-rpw > .col{
      flex: 0 0 50% !important;
    }
  }
}

Link to comment

Add to Design > Custom CSS

/* Mobile Footer 2 images */
@media screen and (max-width:767px) {
div#block-4d37c8b160f43117adf0+.row>.col {
    width: 50% !important;
    float: left !important;
}
}

 

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
18 hours ago, SeanCrafted said:

Thanks so much,

Can you advise the same for my other website with same issue (partners)

 

https://www.ptmy-tynemouth.co.uk/

Use this code

/* Mobile footer logos */
@media screen and (max-width:767px) {
div#block-a86f293e7ffd28969b36+.row>.col {
    width: 50% !important;
    float: left !important;
}
}

 

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
  • 1 month later...
On 7/15/2022 at 11:40 PM, SeanCrafted said:

Hi there,

I am having the same issue with this website as the above thread?

Can I please have a code?

https://www.ptmy-newcastle.co.uk/

Add to Design > Custom CSS

@media screen and (max-width:767px) {
div#page-section-62a0b803eaf1b7097d11061a .span-12>.row>.col {
    width: 50% !important;
    float: left !important;
}
}

 

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
On 7/18/2022 at 4:44 PM, SeanCrafted said:

Hi,

I have the same issue with the image (see below)?

image (3).png

Add to Design > Custom CSS

/* Mobile Home top image */
@media screen and (max-width:767px) {
div#block-c67b1b95dfbfcbfc9467 {
    width: 50%;
    margin: 0 auto;
}
}

 

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.