Remove instagram icon from mobile menu footer

Store Design
, ,
1

Hey guys,

I have been trying to remove the instagram icon from the mobile menu by myself, but no success. Using Dawn theme.

Hoping to get some support here :wink:

IMG_7892.jpg
IMG_7892.jpg1170Ɨ2077 73.1 KB

1 Like
2

Hi @jesuisjulie

Try this one.

  • From your Shopify admin dashboard, click on ā€œOnline Storeā€ and then ā€œThemesā€.
  • Find the theme that you want to edit and click on ā€œActionsā€ and then ā€œEdit codeā€.
  • In the ā€œAssetsā€ folder, click on ā€œbase.css, style.css or theme.cssā€ file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
@media only screen and (max-width: 989px){
a.list-social__link.link {
    display: none;
}
}

I hope it help.

Please donā€™t forget to Like and Mark Solution to the post that helped you. Thanks!

1 Like
3

Thank you! This one also worked! :))))

4

Hey Ribe,
I am sorry to bother you, but I just realized, that the instagram icon also disappeared from the mobile footer. Is there a way to only remove it from the menu? but still keep in the footer.

Thank you very much in advance!
Julia

1 Like
5

Oh okay, I didnt know you have also in footer. Try this one again.

Same Instruction. Replace the previous code that i give with this one.

#menu-drawer > div > div > div > ul > li > a {
    display: none;
}

And Save.

I hope it help.

Please donā€™t forget to Like and Mark Solution to the post that helped you. Thanks!

1 Like
6

Worked like charm, thank you so much! :wink: