How to hide user account icon on mobile view

Solved
jbekker29
Tourist
12 0 1

Hi all, I want to hide the account icon in my header in mobile view, but it should still show on desktop. How can I do this please?

 

www.kawaiilabs.com

Accepted Solution (1)

Accepted Solutions
dmwwebartisan
Shopify Partner
10710 2337 3311

This is an accepted solution.

@jbekker29 

Please add the following code at the bottom of your assets/theme.scss.liquid file

@media screen and (max-width: 769px){
span.fas.fa-user.fa-fw { display: none; }
}

 

Hope this helps.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

Replies 3 (3)
dmwwebartisan
Shopify Partner
10710 2337 3311

This is an accepted solution.

@jbekker29 

Please add the following code at the bottom of your assets/theme.scss.liquid file

@media screen and (max-width: 769px){
span.fas.fa-user.fa-fw { display: none; }
}

 

Hope this helps.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
jbekker29
Tourist
12 0 1

Thank you so much!

lslelegance
Excursionist
229 2 46

I have the issue on Brooklyn theme that it just shows on desktop but I want it to show on mobile also any idea how can I fix ? thanks