Dawn theme | Footer | Social media Button | Custom social media button hover effect

Store Design
, , , ,
1

Hi There shopify community!

I’ve added a custom social media button on the footer for LinkedIn and I noticed that it didnt have the same hover effect with the default social media button such as FB and Insta.

chrome_qo0wN1rLRa.png
chrome_qo0wN1rLRa.png521×259 2.04 KB

Any idea where to edit this on dawn theme?

Thanks in advance!

store creds:

https://fertile-ground.co/

pass: seogle_1

1 Like
2

Hi @parallelism23

This is Noah from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

This is how its works

PageFlyNoah_0-1692751334418.png
PageFlyNoah_0-1692751334418.png1370×931 208 KB

Hope this can help you solve the issue

Best regards,

Noah | PageFly

1 Like
3

Hi @parallelism23

Since you added the icon, I assume you know where the SVG code is. Add a class to your SVG

class="icon"

See customized SVG file.

I hope it help.

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

1 Like
4

Thanks! Didn’t know we can directly customize SVG file as well!

5

Thanks! This worked for me as well!

6

Glad to hear it, Let me know if you need any help.

1 Like