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.
Topic summary
A user seeks to remove the account/login icon from their Shopify store header on mobile devices only.
Solutions Provided:
- Multiple contributors offered CSS code snippets using media queries targeting mobile screens (max-width: 600px or 767px)
- Code should be added to either base.css or Theme Settings > Custom CSS
- The solution uses
.header__icon--account { display: none !important; }wrapped in a mobile media query
Additional Requests:
- User wants to reposition the sign-in option from footer categories upward on mobile (requires theme code modifications beyond CSS)
- User requests help making the announcement bar transparent and matching desktop styling on mobile
- User has attached files for review but awaits guidance on where to implement corrections
Status: Initial issue appears resolved (user thanked contributors), but follow-up customization requests remain open and require deeper theme code changes.
1 Like