How to remove search, account and $ icon from the header (for mobile version only)

[uchiha123]

I want to keep only the cart icon beside the logo for mobile version and keep all four icons for desktop version. The theme name is optimal. What will be the customized code for this? Store link: https://techshieldny.com/

[oscprofessional]

Hello @uchiha123

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: 768px){
.main_hdr a.site_set {
    display: none;
}
a.hdicon.search-icn {
    display: none;
}
}

[Dan-From-Ryviu]

Hi @uchiha123

You can do that by adding this CSS code at the bottom of theme.css file

@media screen and (max-width: 600px) {
.hdicon.search-icn,
.hdicon.user-menu
.hdicon.site_set { display: none !important; }
}

[uchiha123]

Thanks a lot!