Reduce Footer Logo Size for Mobile in Expanse Theme

[courtney]

I want to reduce the size of the Footer logo just for mobile. The desktop version is the perfect size, but it's too large for mobile. I tried adding code to the theme but it didn't do anything to the mobile size. 

The website link is: https://restormeskin.com/

The theme: Expanse theme 

[BSSCommerce-HDL]

Hi @courtney, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
@media only screen and (max-width: 749px) {
  .image-wrap.svg-mask.svg-mask--square.loaded {
    scale: 0.8;
  }
}
</style>

Here is result:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[BSS-TekLabs]

- Here is the solution for you @courtney 
- Please follow these steps:

- Then find the base.css or theme.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

---

@media only screen and (max-width: 600px) {
#FooterMenus .footer__block .image-wrap image-element{
height: 100px !important;
    width: 100px !important;
left: calc(50% - 50px) !important;
}
#FooterMenus .footer__block {
     max-height: 100px !important;
}
}

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.