How to Remove customer account log in icon in header

Solved
Katherine94
Excursionist
15 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

 

0 Likes
Pallavi
Shopify Expert
2170 353 462

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
0 Likes
Katherine94
Excursionist
15 0 3

Hi there,

Thanks.

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

0 Likes
Pallavi
Shopify Expert
2170 353 462

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
0 Likes
Katherine94
Excursionist
15 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. ?  

Pallavi
Shopify Expert
2170 353 462

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
0 Likes
Natztech
Shopify Partner
1280 355 891

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;
}
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
Katherine94
Excursionist
15 0 3

Awesome, thank you!

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

0 Likes