Hide search & login button in mobile version (Warehouse Theme)

[Fariss]

Hi, so I want to hide login & search button/icon in mobile version and make it look like Innosupps.

Is there any code/solution to make it this happen? for Warehouse theme. Thank you very much.

This is my current header for mobile ver. I wan to make it look like this.

[diego_ezfy]

Hello @Fariss ,

Please share:

• your store URL;
• page URL with the issue you mention;
• storefront password (if your store has one).

If the store is not online yet, please follow this quick tutorial to learn how to safely and temporarily share an offline/unpublished theme URL.

Kind regards,
Diego

[Fariss]

Here… @diego_ezfy

store URL: Herbaworks Malaysia | Online Shopping Malaysia – herbaworks.com.my

reference website: Inno Supps - High Quality Sports Supplements

I didn’t have a storefront password.

[diego_ezfy]

@Fariss , do this to fix it in 20 seconds:

1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid or theme.css and paste this at the bottom of the file:

.header__action-list > *:nth-child(1), .header__action-list > *:nth-child(2){
    display: none !important;
}

Kind regards,
Diego

[Fariss]

Hi @diego_ezfy , just tried. It worked. Thanks!

But I noticed that it also affects in Desktop version too (login button). May I know if it can be separated by mean only hide on mobile but stay in desktop version? But if it can’t be achieved it’s okay. Just asking.

[Fariss]

Hi, @diego_ezfy .

This is my current homepage (mobile ver). Can you show me how can I put the search button in the side menu navigation? Because when I tried to uncheck the minimise search, the cart button is gone. If you have any solution for this that would be good. As long it has a search button on mobile ver but not in the header section.