Change login text to icon and placement - Empire Theme

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? 



All help is welcomed! 




Shopify Partner
20496 2119 7728


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 regarding any help
Shopify Partner | Skype :
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
New Member
2 0 1

Hi @KetanKumar!

Thank you, I sent you a DM!