How can I relocate and resize my social media icons on my homepage?

[Self1007]

Hi

Does anyone know how i can move my social media icons at the bottom of my homepage and also make them bigger? If there is a code for this can you please let me know what and where to put it

Thanks in advance!

here is the preview url link

https://ouqi0q5bnjsifc6a-57300123695.shopifypreview.com

[made4Uo]

Hi @Self1007 ,

I see the social media icons on your footer? Is that the one you are talking about? I manage to just lessen the space. See image below

Please follow the instructions below

1. From your Admin Page, click Online Store > Themes >Actions > Edit code
2. In the Asset folder, open the base.css
3. Paste the code below at the very bottom of the file.

.footer .footer__content-top.page-width {
  padding-bottom: 0;
}

.footer .footer__content-bottom {
padding-top: 0;
}

.footer svg.icon {
    transform: scale(2);
}

[Self1007]

Thank you for your reply

Yes they are the icons i am talking about

I see some website have them higher up on the footer - so they would sit under the headinG FOLLOW US

one below the other

That us what i am wanting to do

Is this possible to change with a code?

Thanks in advance

[Ahsan_ANC]

Hi,

Can you try this code

1. Go to Online Store-> Theme->Edit code
2. Asset->/base.css ->paste the below code at the bottom of the file.

Note: you can change the number values in the code to resize according to your choice, change the value on both lines

.list-social__item .icon {
    height: 4rem !important;
    width: 4rem !important;
}

[Self1007]

Hi There

Thank you for your help but this did not do what i am wanting unfortunately

I have attached

an image below of where i am wanting to place the Icons for better understanding

Please help me achieve this if you can

Thank you