How to hide the account icon on mobile view in Warehouse theme?

Store Design
, , , ,
1

Hi

Pls can u provide a solution to making the account icon not display on mobile view (attached example below)

my store:

URL: appliancesclub.com

Theme: Warehouse

wanted result:

Screenshot 2023-05-06 at 01.32.24.png
Screenshot 2023-05-06 at 01.32.24.png1254×1418 260 KB

Cheers

2

Hello @bennyhenders ,

Please follow below steps

Step 1: Go to Online Store → Theme → Edit code.

Step 2: Search file theme.scss

Step 3: Paste the below code at bottom of the file → Save

@media screen and (max-width: 640px){
    .header__action-item.header__action-item--account{display: none;}
}
3

Hello @bennyhenders
You can try this code: it will be helpful to you
Go to the Online Store->Theme->Edit code->Assets->theme.css>Add this code at the bottom.

@media only screen and (max-width: 640px) {
a.header__action-item-link.header__account-icon.icon-state.hidden-desk {
    display: none;
}
.header__action-item {
    padding: 0 4px;
}
}