My customer icon shows on desktop but not on mobile. Also how would I change this icon?
url is wintheoryco.com
Topic summary
A store owner reports that their customer account icon displays on desktop but disappears on mobile devices. They also want to know how to customize this icon.
Solutions provided:
-
Mobile visibility fix: Remove the
class="small-hide"attribute from the account link element in the menu section. The exact location depends on the theme being used. -
Alternative approach: Add custom CSS code to the
theme.liquidfile after the<head>element to force mobile display. -
Icon customization: Replace the existing SVG code by editing the
icon-account.liquidfile found in Online store > Themes > Edit code section.
The issue appears to be a CSS class hiding the icon on smaller screens, with multiple technical solutions offered for both visibility and customization.
Remove class “small-hide” from " You should find this html in your menu section - the location depends on the theme you are using.
Hi @EthanOSHOP
Adding this code to the theme.liquid file, after element to make it appear on mobile
You can change that icon by replacing svg code in your Online store > Themes > Edit code > icon-account.liquid with your svg code