How to remove Cart icon and Search Icon on Mobile on all pages

Store Design
, ,
1

Hello,

i removed these icons on desktop but on mobile it does not work so How to remove Cart icon and Search Icon on Mobile on all pages? On mobile it doesent show on Home but for example for contact page and portfolio page it shows on mobile.

I use the Theme Dawn. I tried everything but i doesent worked.

website: https://degue-studio.com/

2

To remove search and cart icon from header in mobile
Go to your online store → customize → settings → custom css and paste this code there

.header__icons {
    display: none !important;
}
3

Hi @LeuchTii1337

Check this one.

From your Shopify admin dashboard, click on “Online Store” and then “Themes”.

Find the theme that you want to edit and click on “Actions” and then “Edit code”.

In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

.header__icons.header__icons--localization {
     display: none !important;
}

And Save.

Result:

Made4uoRibe_1-1718140603302.png
Made4uoRibe_1-1718140603302.png649×262 39 KB

4

Hi @LeuchTii1337

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

PageFlyRichard_0-1718153912791.png
PageFlyRichard_0-1718153912791.png390×844 152 KB

Hope this can help you solve the issue

Best regards,

Richard | PageFly

5

Hi @LeuchTii1337

You can hide those icons on all pages by adding this code to theme.liquid file after in Online Store > Themes > Edit code.
6

Này @LeuchTii1337

Vui lòng thực hiện các bước theo thứ tự sau:

  1. Thêm mã này vào tệp theme.liquid sau trong Cửa hàng trực tuyến > Chủ đề > Chỉnh sửa mã.
.header__icons { display: none !important; }

Hope it will help you solve the problem