Remove email link from share icons

Solved
vivame
Tourist
31 0 5

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

 

0 Likes
JHKCreate
Shopify Partner
2481 426 581

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
0 Likes
vivame
Tourist
31 0 5

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

0 Likes
JHKCreate
Shopify Partner
2481 426 581

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
0 Likes
vivame
Tourist
31 0 5

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

0 Likes
JHKCreate
Shopify Partner
2481 426 581

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
vivame
Tourist
31 0 5

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

0 Likes
Natztech
Shopify Partner
596 152 366

This is an accepted solution.

.social_buttons  .mail{
        display: none;
}
Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
vivame
Tourist
31 0 5

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?

0 Likes
vivame
Tourist
31 0 5

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

0 Likes