Solved

How to Remove customer account log in icon in header

Katherine94
Excursionist
20 0 3

Hi all, 

 

I would like to remove the  customer account log in from the mobile view only and have the header moved to the center between cart/ bag and the 3 bars. 

Can anyone assist? 

Katherine94_0-1625137704695.png

 

Accepted Solution (1)
Kinjaldavra
Shopify Partner
2302 570 1422

This is an accepted solution.

hello @Katherine94 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media only screen and (max-width: 749px){
   .site-header  .grid   .grid__item .site-header__icons-wrapper a.site-header__icon.site-header__account {
display: none!important;
}
}

 

View solution in original post

Replies 7 (7)

ZestardTech
Shopify Expert
5393 970 1291

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
Katherine94
Excursionist
20 0 3

Hi there,

Thanks.

My website is www.desiredfurniture.com.au - i'm not giving you my password?

ZestardTech
Shopify Expert
5393 970 1291

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.scss.css and paste this at the bottom of the file:

@media only screen and (max-width: 749px){
a.site-header__icon.site-header__account {
display: none!important;
}
}

And logo center need for html structure changes.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
Katherine94
Excursionist
20 0 3

Hi, Thanks for the code, however I cannot locate Asset >theme.scss.css.

It doesn't show up only Asset > theme.scss.liquid does. ?  

ZestardTech
Shopify Expert
5393 970 1291

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.scss.liquid and paste this at the bottom of the file:

@media only screen and (max-width: 749px){
a.site-header__icon.site-header__account {
display: none!important;
}
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
Kinjaldavra
Shopify Partner
2302 570 1422

This is an accepted solution.

hello @Katherine94 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media only screen and (max-width: 749px){
   .site-header  .grid   .grid__item .site-header__icons-wrapper a.site-header__icon.site-header__account {
display: none!important;
}
}

 

Katherine94
Excursionist
20 0 3

Awesome, thank you!

How do I move the header to be in line with everything? Between the 3 lines and afterpay symbol?