Remove email link from share icons

vivame
Explorer
74 0 8

Hi, I would like to remove the email link/icon from the row of share buttons at the bottom of the product description.

I found social-buttons.liquid and removed the code for the email link / icon (as highlighted in the screenshot) and it worked... but then I got a warning in the theme customiser saying something like 'broken code detected in your theme' so i replaced it

Can anyone tell me how to remove the email share button from the share icons and just display Facebook, Pinterest and Twitter icons on the product page?

Many thanks

 

 

Screen Shot 2021-05-04 at 12.06.18.png

Screen Shot 2021-05-04 at 12.05.20.png

 

Replies 9 (9)

JHKCreate
Shopify Expert
3571 639 916

Hello

 

Can I have the link to your store so I can take a look?

 

Thanks

Did we solve your issue? Like & Mark As Solution to help the community
Should you need any direct help: contact@jhkcreate.com

Learn more about us: jhkcreate.com
vivame
Explorer
74 0 8

Hi, I just sent it to you, I appreciate you taking a look

JHKCreate
Shopify Expert
3571 639 916

Great! 

Add the following code to your styles.css file at the end:

.social_buttons {
    display: none;
}

If you want to remove it from Liquid we would need to see the code to be able to guide you.

Cheers!

Did we solve your issue? Like & Mark As Solution to help the community
Should you need any direct help: contact@jhkcreate.com

Learn more about us: jhkcreate.com
vivame
Explorer
74 0 8

Hi, I do want them to display , I am only trying to remove the email icon

JHKCreate
Shopify Expert
3571 639 916

Oh! Our bad, here's the updated code:

.share-btn.mail {
    display: none;
}

Cheers!

Did we solve your issue? Like & Mark As Solution to help the community
Should you need any direct help: contact@jhkcreate.com

Learn more about us: jhkcreate.com
vivame
Explorer
74 0 8

Thanks, I am very confused as it seemed to work in my duplicate theme but not on my live theme?

 

Screen Shot 2021-05-04 at 12.57.43.png

Screen Shot 2021-05-04 at 12.57.28.png

Kinjaldavra
Shopify Partner
2302 570 1422
.social_buttons  .mail{
        display: none;
}
vivame
Explorer
74 0 8

Thanks for the code, as I mentioned above, for some reason it works in my duplicate theme (that I use for testing etc) but when I paste the code to the bottom of styles on my live theme... nothing! Any idea as to why this might be?

vivame
Explorer
74 0 8

I placed the code at the top of custom styles (bottom of styles.css) and it worked! Thank you for the help 🙂