Why isn't my account icon showing on mobile with Prestige Theme?

Store Design
,

Topic summary

A user reports that the account icon is not displaying on mobile devices when using the Prestige theme. They attempted to resize the icon without success.

Solutions Provided:

Multiple respondents offered CSS code fixes to be added to the theme.css file:

  • Dan-From-Ryviu and ZestardTech suggested similar CSS solutions targeting .header__secondary-nav with display: block !important for mobile screens
  • ZestardTech’s solution additionally included a gap: 5px property to adjust icon spacing
  • PageFly-Richard proposed a variant of the same approach

Outcome:

The original poster confirmed that ZestardTech’s solution worked successfully, noting it properly fit the icons in the header by preventing the third icon from wrapping to a second line.

Note: One commenter (Edit2222) reported that a suggested solution did not work in their testing environment and is seeking a reliable developer for assistance.

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

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:

logo missing 2.png
logo missing 2.png502×858 121 KB

logo missing .png
logo missing .png1877×724 83.1 KB

1 Like
2

No :confused:

3

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; }
1 Like
4

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;
}
}

ZestardTech_0-1699256877786.png
ZestardTech_0-1699256877786.png757×550 155 KB

1 Like
5

This works so good! Thank you!

1 Like
6

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!

1 Like
7

Very welcome @Aprendiz

8

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.

9

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

10

Hello Richard,

We found this solution did not work, we put it into a copy of theme.

We are looking for an ad hoc developer, but need to know a reliable one.