How to Remove Account/Login Icon on mobile device

Shopify Discussion
1

I want to remove account / login icon only on mobile device from the header section please help me in this

summer21_0-1716816753118.png
summer21_0-1716816753118.png216×400 120 KB

2

Hello @summer21

This is Amelia at PageFly - Shopify Advanced Page Builder app.

Could you please share the URL link of your store so we can check it for you?

3

Store url - https://mansaroverfurnishings.com/

4

You can try the following steps I have provided to help you solve the problem you are facing:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file base.css

Step 3: Add code

.header__icon--account {
    display: none !important;
}

Hoping my solution helps you solve your problem.

Best regards,

Amelia | PageFly

1 Like
5

sorry, correction in the code.

Please add media query to execute CSS only for mobile devices.

@media(max-width:767px){
.header__icon--account {
    display: none !important;
}
}
1 Like
6

thanks you so much!!!1

one more thing i want to shift the sign in option from the footer in categories to upward on mobile device

summer21_0-1716819644331.png
summer21_0-1716819644331.png224×399 24.5 KB

want to shift this highlighted option to the upward

7

Ok it got it

But it requires updating some code in your theme.

This is not possible only with CSS. it require to update your theme code.

1 Like