All things Shopify and commerce
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/
Solved! Go to the solution
This is an 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;
}
This is an accepted solution.
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
This is an 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;
}
}
This is an 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;
}
This is an 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;
}
}
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
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.
please tell me how can i do that??
For that,need to check your theme code or structure od menu drawer code.
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/
would you like to display it as an attachment?
i want to display exactly in mobile as it is on desktop
Hey i have attached files below please check and tell me where i have to correct the code
This is an accepted solution.
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
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025