User login icon not shoing on mobile site

Store Design
,

Topic summary

A user needs help displaying the login icon on the mobile version of their Shopify store using the “Be Yours” theme.

Solution Provided:
Another user shared CSS code to be added to the base.css file using a media query for screens under 767px width. The code sets the account icon to display as inline-flex.

Follow-up Issue:
The initial code worked but the icon size needed adjustment. An updated CSS snippet was provided that includes width control (set to 3.2rem) for the header icons.

Outcome:
The issue was resolved. The original poster expressed interest in connecting for additional custom theme work and referenced wanting a website similar to Zara.

Summarized with AI on November 14. AI used: claude-sonnet-4-5-20250929.
1

Hello,

please help with css we want user login button on mobile.

thema we’re using Be Yours (https://themes.shopify.com/themes/be-yours/styles/sweet))

Thank you

2

Hi @shubham_sinha

Please add this code at the bottom of your base.css file

@media (max-width: 767px) {
.header__right .header__icon.header__icon--account { display: inline-flex !important; }
}
3

Screenshot 2023-11-23 at 6.07.28 AM.png
Screenshot 2023-11-23 at 6.07.28 AM.png682×184 18.5 KB

This code works but icon size how to control it ? please help me with this.

4

Please update code to this.

@media (max-width: 767px) {
.header__right .header__icon.header__icon--account { display: inline-flex !important; }
.header__icon  { width: 3.2rem !important; } /* width of icons */
}
5

Thank you so much for your help. can we connect over for custom theme. is it possible to get website like zara.

email id : shubhamsinha@sotbella.com