Show Account Icon On Mobile's Header

Hello!

I would like to have the “account” icon visible on the mobile version’s header.

Currently it’s only displayed on the desktop version.

How it should look like:

Captura de pantalla 2024-08-31 a las 15.00.35.png

My website is https://knsdahrl0hu3a6y1-60150284501.shopifypreview.com and my theme is Stiletto

Thanks in advance!!

@martujv , Hi again please follow these steps to achieve your goal

Step 1. Go to Admin → Online store → Theme > Edit code

Step 2. Find the file header.liquid and scroll to line 429

Step 3. Add this code after {{ cart_icon }}

{%- if shop.customer_accounts_enabled -%}
   {{ account_icon }}
 {%- endif -%}

It will look like this

Step 4: Go to the theme.liquid file and add this code above body

@media (max-width: 959px) {
    .header__icon-touch.header__icon-touch--account {
         display: flex!important;
    }
}

Hope it helps :blush:

Hello! I did exactly that but nothing changed

@martujv , sorry bro i missed some code at the step 4, please remove and change it like this


1 Like

This one worked! Thank you!

1 Like