Reformation Theme: Mobile Preview Account Page Icon is not showing. All settings have been toggle on

Technical Q&A
,

Topic summary

A user reports that the login/account icon in the Reformation theme displays on desktop but not on mobile, despite toggling the setting on in the header section.

Diagnosis:
The icon is currently hidden on mobile and only appears in the menu drawer, not directly in the header. This is likely due to CSS visibility restrictions or theme layout settings.

Proposed Solutions:

  • Check Header settings → Mobile layout for visibility options
  • Inspect theme code for desktop-only visibility classes
  • Recommended fix: Add custom CSS code to force the account icon to display on mobile:
.thb-secondary-area-item.thb-secondary-myaccount {
  display: inline-flex !important;
}

Status: Solution provided but not yet confirmed as implemented or resolved.

Summarized with AI on October 24. AI used: claude-sonnet-4-5-20250929.
1

Hi, i need help to configure the setting on my shopify store theme. We are using reformation theme, on the header section i have toggle on login icon to be displayed. However it only display on desktop.

2

Hey Muya :waving_hand:

I’ve seen that happen with the Reformation theme before — the login icon is sometimes hidden on mobile due to how the header layout is set up in the theme’s CSS or Liquid file.

You can try checking under Header settings → Mobile layout, or inspect the theme code to ensure the icon’s visibility class isn’t restricted to desktop only.

If it still doesn’t show up, I can take a quick look and help you fix it — it’s usually a small adjustment

3

Hi @MuyaHalim,

I checked and the current login is showing in the menu drawer on mobile. Do you want it to display directly in the header?

Please go to Customize > Theme settings > Custom CSS and add code:

    .thb-secondary-area-item.thb-secondary-myaccount {
        display: inline-flex !important;
    }

If I helped you, then a Like would be truly appreciated.

Best,
NamPhan