Change login text to icon and placement - Empire Theme

jrsm
New Member
2 0 1

Hi! I'm using the Empire theme and want to achieve login icon between searchbar and cart which scales well with desktop and mobile. The login icon should only be visible on tablets and desktop while on mobile it should show in the hamburger menu.


This is my progress so far, but I can't seem to get it placed correctly between the searchbar and cart. All I've done at the moment is adding margin-right: 50px on the login-icon class. But it doesn't look perfect and it doesn't scale well with mobile. Any suggestions? 

jrsm_2-1623833589798.png

 

All help is welcomed! 

 

 

 

KetanKumar
Shopify Partner
20496 2119 7728

@jrsm 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you 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 Partner | 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
jrsm
New Member
2 0 1

Hi @KetanKumar!

Thank you, I sent you a DM! 

0 Likes