Moving social icons Fashionopolism theme

Excursionist
17 0 2

Hi I use the Fashionopolism theme. How can I move my social icons from the bottom left to the top right

Thanks so much

Shopify Partner
11838 1451 4270

@Takhara 

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Excursionist
17 0 2

Thanks Ketan

www.bajalondon.co.uk

Appreciate your help

0 Likes
Shopify Partner
1418 140 197

@Takhara - where do you want to move icons?

you are welcome to contact me.
My email - suyash.patankar@gmail.com
0 Likes
Excursionist
17 0 2

Hi,

I'd like to move them to the top right so they can be seen straight away. At the moment they feature right down at the bottom of the page once you've scrolled all the way down

0 Likes
Shopify Partner
1418 140 197

@Takhara - you already have them in your header, need css to show them

suyash1_0-1607088327490.png

 

add following css to the end of your css file

#top-bar ul#social-links li a { color: #ffffff !important;}
#top-bar ul#social-links li a:hover {color: #ffffff !important;}
you are welcome to contact me.
My email - suyash.patankar@gmail.com
0 Likes
Excursionist
17 0 2

Thanks for the solution, that works for desktop but not for mobile for some reason. Do you know how to make it work for both?

0 Likes
Shopify Partner
1418 140 197

@Takhara on mobile it can be made like this

suyash1_0-1607177659020.png

 

you are welcome to contact me.
My email - suyash.patankar@gmail.com
0 Likes
Excursionist
17 0 2

Thanks, yes that would look great. What do I need to add into the code to do this? Sorry, I’m a novice at this so the solution isn’t obvious to me

Thanks

0 Likes
Shopify Partner
1418 140 197

@Takhara - ad this and check

if you have more queries you can contact me on email for quick communication

@media only screen and (max-width: 740px){
ul#social-links {display: block; text-align: center; margin-top: 8px;}
}
you are welcome to contact me.
My email - suyash.patankar@gmail.com
0 Likes