Remove Account/Login Icon on mobile device

[manan123]

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

 Store url -  https://mansaroverfurnishings.com/

[webwondersco · Accepted solution]

@manan123 Please add the below line of CSS code at the end of your base.css file.

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

[BrainStation23 · Accepted solution]

@manan123 

You can add the followings:

1. Go to your theme editor

2. From Theme Settings click Custom CSS

3. Paste the below code there:

@media screen and (max-width: 600px) {
  .header__icon .header__icon--account {
    display: none !important;
  }
}

Joy Matubber | Brain Station 23
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution

[webwondersco · Accepted solution]

@manan123 Please add the below line of CSS code at the end of your base.css file.

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

[webwondersco · Accepted solution]

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

[manan123]

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

store url - https://mansaroverfurnishings.com/

Check image for better understanding

want to shift this highlighted option to the upward

[webwondersco]

okay @manan123 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.

[manan123]

please tell me how can i do that??

[webwondersco]

For that,need to check your theme code or structure od menu drawer code.

[manan123]

can you please help me to make my announcement bar transparent & of same colour on mobile device also as it is on desktop device??

store url  --https://mansaroverfurnishings.com/

[webwondersco]

would you like to display it as an attachment?

[manan123]

i want to display exactly in mobile as it is on desktop

[manan123]

Hey i have attached files below please check and tell me where i have to correct the code

[BrainStation23 · Accepted solution]

@manan123 

You can add the followings:

1. Go to your theme editor

2. From Theme Settings click Custom CSS

3. Paste the below code there:

@media screen and (max-width: 600px) {
  .header__icon .header__icon--account {
    display: none !important;
  }
}

Joy Matubber | Brain Station 23
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution