The Log in button is missing on mobile view -Studio theme, help!

[Pink_monkey]

Hello! I noticed that the log-in icon is missing from the header on the mobile view; it's also not shown on the slide-out menu. I would like it to be displayed next to the Cart icon. I know many people have asked for help on this, I have tried some solutions from former posts that involved editing the theme code by adding snippets of code in some sections, but nothing has helped so far. I also enabled the Settings > Customer accounts > Show login links, which didn't fix the issue. Thanks.

[Guleria]

Hello @Pink_monkey ,

Please share the store URL.

Regards
Guleria

[Pink_monkey]

Hello Guleria, the link is:

goldensagejewelry.com 

[Guleria]

Follow these steps:

1. Go to Online Store -> Theme -> Edit code

2. Open your base.css file and paste the following code at the bottom:

a.header__icon.header__icon--account.link.focus-inset.small-hide {
    display: block !important; 
    width: 2rem !important;
}

Regards
Guleria

[Pink_monkey]

Hello,

Thanks for sending the code. How long should it take to work?

[Guleria]

I checked you added the css code but there is syntax error in your existing css.

You forgot to close the curly } bracket in media query scope. 
it should be like this

@media screen and (max-width: 749px) {
  
.header .header__icon--account {
    display: flex !important;
}
} // this one you are missing
  a.header__icon.header__icon--account.link.focus-inset.small-hide {
    display: block !important; 
    width: 2rem !important;
}

[Guleria · Accepted solution]

There is another one.

Please remove the code I provided from base.css and follow this

Edit theme.liquid search for </head>

and just before to it add this code

<style>
a.header__icon.header__icon--account.link.focus-inset.small-hide {
    display: block !important; 
    width: 2rem !important;
}
</style>

Regards
Guleria

[Pink_monkey]

This last one worked! I'm so happy! Thanks so much for your help!! ❤️