How can I relocate social media icons in the Dawn theme?

Technical Q&A
1

Hi,

I’d like to know if it’s possible to move the social media icons to a different spot (text or menu section) in the footer? See attached picture.

URL: lesboises.com

Password: tempo

Cheers!

shopifyQ_20221115.png
shopifyQ_20221115.png1179×368 12.1 KB

2

Hi @lesboises ,

I’m Richard Nguyen - CRO expert at PageFly.

You can go to Online store => themes => actions => edit code and add this code on file theme.css

@media screen and (min-width: 1200px){ .footer__list-social.list-social:only-child{ position: relative; bottom: 180px; right: 275px; justify-content: end !important; } }

Hope this answer helps.

Best regards,
Richard | PageFly

3

Hi @PageFly-Richard ,

thanks for your reply. Works fine on the desktop view but doesn’t align with my text box “Suivez-Nous” on the mobile view. Anyway it can inherit it’s position from the text box?

Thanks

4

@PageFly-Richard

I just noticed that adding that code to my base.css also breaks 2 of my menu links in the footer as well (“À propos” and “Envoyez-nous un email”). For some reason, it only breaks the links on the computer view. Mobile seems to be fine.

5

Hi @lesboises ,

I’m very sorry for my late response.

Per checking, I’ve noticed you changed your footer already. May I ask if you still need my help? If yes, feel free to let me know.

Best regards,

Richard

6

Hi,

I did change the footer 'cause we had to open the store but would surely
love to see the icons there instead of menu links if you’re able to help
furthermore.

Thanks!

7

Hi @lesboises ,

It’s okay, no big deal.

If possible, I hope you can leave the Facebook or Instagram icon on the page so I can help you more. When you use the code to replace the icon on the Facebook and Instagram links, it will make the page not work well.

Best regards,

Richard | PageFly