Make images smaller on mobile

Site URL: https://www.ptmy-morpeth.co.uk/

Hi there,
 

Please see below image, it looks on on desktop but the images on mobile are massive.

Please can someone give me a code to adjust the size of those 2 images (Partners).

Thank you

Add these code on Design > Custom CSS

[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;
    }
  }
}

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;
    }
  }
}

Hi there,

Are you able to help? @Web_Solutions

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;
}
}

On 6/11/2022 at 4:54 AM, tuanphan said:

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;
}
}

 

Thanks so much,

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

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

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;
}
}

4 minutes ago, tuanphan said:

Use this code

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

 

Magic thank you

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/

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;
}
}

Hi,

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

On 7/18/2022 at 4:44 PM, SeanCrafted said:

Hi,

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

Add to Design > Custom CSS

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