Account icon in header for mobile.

[Aprendiz]

I need some help... the icon account its not showing up for mobile.

I tried to make the icon smaller but didnt work.

I have Prestige Theme.

You can check the photo:

[Dan-From-Ryviu · Accepted solution]

Go to your Online store > Themes > Edit code > open theme.css file, add this code at the bottom and save file

.header__secondary-nav .sm-max\:hidden { display: block !important; }

[Aprendiz]

No 😕 

[Dan-From-Ryviu · Accepted solution]

Go to your Online store > Themes > Edit code > open theme.css file, add this code at the bottom and save file

.header__secondary-nav .sm-max\:hidden { display: block !important; }

[Aprendiz]

This works so good! Thank you!

[Dan-From-Ryviu]

Very welcome @Aprendiz 

[ZestardTech · Accepted solution]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > theme.css and paste this at the Bottom of the file:

@media screen and (max-width: 749px){
.sm-max\:hidden {
display: block!important;
}
.header__secondary-nav {
gap: 5px;
}
}

[Aprendiz]

This is so good because it makes fit the icons in the header. The other short code was adding the third icon in a second line.

Thank you!

[ZestardTech]

Thank you for your response. It's good to know that it's worked for you. Kindly feel free to get back to me if you need any further assistance.
If helpful then please Like and Accept Solution.

[PageFly-Richard]

Hi @Aprendiz 

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->Theme.css

@media screen and (max-width: 749px){
   .sm-max\:hidden {
      display: block!important;
   }
   .header__secondary-nav {
      gap: 5px !important;
   }
}

Hope you find my answer helpful!
Best regards,
Richard | PageFly