Hi,
I would like to have social media icons visible horizontally within our website header, they’re currently in the footer. I’ve tried to do this using code, hints & tips I’ve seen in other forums but it hasn’t been transferable as was for specific other themes which are setup differently.
Can anyone help please? I’m not strong with liquid & CSS but I’ve been able to make other enhancements through helpful developer instructions I’ve found online.
Thank you,
Andy
http://pallacorda.co.uk
Hi @dj_daw50n
Please follow these steps:
- Step 1: Go to Themes => Edit Code:
- Step 2: Find the file “theme.css” or “theme.css.liquid” and copy the code below at the end of the file:
.social-media-links {
display: flex !important;
}
We hope that it will work for you.
Hi @BSS-Commerce . Thank you for your response, I have the following options available to post that code into. theme.liquid within Layout, theme-data.liquid within Snippets or theme.css in Assets. I have tried pasting .social-media-links { display: flex !important; } at the bottom of each of those, but it doesn’t work on either. On one, it just displays that code at the top of the website with a white background. Any other ideas?
Hi @dj_daw50n
If possible, please share your store access with us. We will check it for you.
@BSS-Commerce are you able to send a collaborator request using code: 5323?
I’m unsure how to provide access unless it’s requested? Thank you, Andy
Hi @dj_daw50n
We have just sent you a collaborator request to Shopify Admin => Settings => Users and Permissions => Collaborators => BSS Commerce to have access and check your settings. After accepting the request, please kindly keep me updated.
I’ve accepted the request, thank you.
Hi @dj_daw50n
You can visit the store to see the change or see the image below for more details. We hope it matches your requirement. If you need further help, please let us know.