Gallery block in footer appearing too large on mobile

Site URL: https://www.herbfarmacy.com/

The payment images/icons in the footer of our clients website appear too small on desktop but appear huge on mobile. Is there a way to update the size on mobile? Think it may need custom code.

Thanks

On 2/11/2022 at 7:49 PM, ibsellar said:

Site URL: https://www.herbfarmacy.com/

The payment images/icons in the footer of our clients website appear too small on desktop but appear huge on mobile. Is there a way to update the size on mobile? Think it may need custom code.

 

Thanks

Try adding to Home > Design > Custom Css

@media screen and (max-width: 640px) {
#block-yui_3_17_2_1_1622190213781_14818 .sqs-gallery-design-grid-slide {
  width: 20% !important
  }
  #block-yui_3_17_2_1_1622190213781_14818 .sqs-gallery-design-grid-slide  img {
    width: 100% !important;
    height: auto !important;
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 0 !important;
  }
  
  
  #block-yui_3_17_2_1_1622190213781_14818 .image-slide-anchor {
    padding-bottom: 130%;
  }

Let me know how it works on your site

Support me by pressing 👍 if this useful for you

My testing

On 2/11/2022 at 2:03 PM, bangank36 said:

My testing

Thank you that's great and works. However they are now squashed and out of proportion, is there a way of rectifying this?

Thanks

4 hours ago, ibsellar said:

Thank you that's great and works. However they are now squashed and out of proportion, is there a way of rectifying this?

 

Thanks

I've just update my previous code, kindly try and check if it works properly

This  is my testing

On 2/17/2022 at 2:21 PM, bangank36 said:

I've just update my previous code, kindly try and check if it works properly

This  is my testing

Sorry for the delay in getting back to you! Thanks so much for updating the code, that works perfectly!

Thanks

Hi, just a HS question, how did you put a gallery block in footer ???

On 3/19/2022 at 7:56 PM, Likar33 said:

Hi, just a HS question, how did you put a gallery block in footer ???

Your site is 7.0 or 7.1 version?