How to move social media icons in footer menu

42 0 9

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

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 🙂

Replies 3 (3)
Shopify Partner
5549 1015 1040

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; }

Screenshot 2023-11-02 at 09.14.21.png

- Helpful? Like and Accept a solution. - Donate: Buy coffee - or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now

Shopify Partner
8656 1062 1406

@doorstepdrip - this will need code tweak

You are welcome to contact me -, My timezone is GMT+5:30,to build shopify pages use pagefly

Support me 🙂
Shopify Partner
757 101 103

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;






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



Need a Shopify developer?
Hire us at WebSensePro
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here