How to move social media icons in footer menu

[doorstepdrip]

Hey, I’m trying to move the Instagram icon in my footer menu.
my website is: doorstepdrip.com

it currently looks like this but I’ve added an arrow for where i would like the instagram icon to be moved to

if anyone could help that would be very much appreciated

thanks

[Dan-From-Ryviu]

Hi @doorstepdrip

Please add this code at the bottom of your base.css file in Online store > Themes > Edit code

@media (max-width: 767px){
footer { positon: relative; }
.footer__list-social { position: absolute; top: 0px; margin-top: 0px !important; }
}

[suyash1]

@doorstepdrip - this will need code tweak

[websensepro]

Hi, @doorstepdrip .

You can follow these steps:

Go to Online Store → Themes → Edit code.

Go to Assets folder → Base.css file.

Add the following code at the bottom of the file.

@media (min-width: 320px) and (max-width: 767px) {

ul.footer__list-social.list-unstyled.list-social {
    position: absolute;
    top: 32px;
    margin-top: 0;
}

.footer {
    position: relative;
}

}

Result:

If I managed to help you then, don’t forget to Like it and Mark it as Solution.