Re: How to add log in icon next to cart icon on header?

Solved

How to add log in icon next to cart icon on header?

Fogveli
Excursionist
23 0 4

Hi! 

Hoping to find some help for my problem, as I tried to find it on the community but nothing helps. So I have the Spotlight theme and I would like to add the login icon next to the cart icon on the header. 

Is there any code that could help? My shop is www.fogveli.com

Thank you!

Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
9581 1926 1962

This is an accepted solution.

Please add this code to your theme.liquid file, after <head> element in Online store > Themes > Edit code 

<style>
@media (max-width: 749px) {
.header__icon.header__icon--account {
display: flex !important;
}
}
</style>

Screenshot 2024-01-29 at 15.12.34.png

- Helpful? Like and Accept solution! or Buy me coffee
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Replies 5 (5)

suyash1
Shopify Partner
9868 1227 1566

@Fogveli - it will be like this, will it be ok?

 

suyash1_0-1706513524183.png

 

To build shopify pages use pagefly | Contact me - [email protected] , My timezone is GMT+5:30. | Support me

PurplePartner
Shopify Partner
193 17 33

Salut, @Fogveli !

 

I saw you've been able to add the Log in icon. If you face any issues in the future, let me know. I am a Romanian Shopify Partner. Thanks!

Did you find my response useful? Mark it as "Accepted solution" so others can see it, or just like it.

Dan-From-Ryviu
Shopify Partner
9581 1926 1962

This is an accepted solution.

Please add this code to your theme.liquid file, after <head> element in Online store > Themes > Edit code 

<style>
@media (max-width: 749px) {
.header__icon.header__icon--account {
display: flex !important;
}
}
</style>

Screenshot 2024-01-29 at 15.12.34.png

- Helpful? Like and Accept solution! or Buy me coffee
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

Fogveli
Excursionist
23 0 4

This worked like a charm! You are great! Thank you so much for your help!

Dan-From-Ryviu
Shopify Partner
9581 1926 1962

You are always welcome 😁

- Helpful? Like and Accept solution! or Buy me coffee
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.