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.