Still no help with resizing social media icons.

Shopify Discussion
7

Hey @chrisc1987 ,

You are right that in the new updated version you are not able to resize the icons with the same css that in used in the old theme. This is because in the updated theme there is new class added name by .svg-wrapper that control the size of the Social Icons.

So, now instead of targeting the icon svg class you need to target the .svg-wrapper.
Currently I see that there is 20px width and height is set to the Social Icons.

Here it is:

![chanage.png|1919x774](upload://AaoGgWz2ww3jRXAUwv7l6qDlKNG.png)

So, when we change it then the size of the icons increase at one time. So in order to change it’s size you have to paste the following code at the end of existing one.

.svg-wrapper {
    width: 30px !important;
    height: 30px !important;
}

You can increase the number from 30px to any number based on your requirements.

If you want to have a different icon sizes on Mobile then you can paste the following whole code instead of the previous one.

.svg-wrapper {
    width: 30px !important;
    height: 30px !important;
}
@media only screen and (max-width: 767px){
.svg-wrapper {
    width: 20px !important;
    height: 20px !important;
}
}

The above code also cover the mobile devices with different size.

I hope this help a lot. If this was really helpful then mark my reply as Solution and Like it.

Thanks