Remove Cart, Hamburger and Search icons from header

Hello there,

I have a website I am trying to get off of the ground but I need to hide the hamburger icon on mobile and the search and cart icons on mobile and desktop. Can someone give me a hand?

Site is: gift.politesociety.com

Password: politeAF

Thanks!

Sean

1 Like

Hi @SeanHebein ,

Try this one. There is no hamburger menu on the mobile. And in desktop you like to remove the navigatin menu also? this is for the search and carts.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. 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:
  4. And Save.
summary.header__icon.header__icon--summary.header__icon--search.focus-inset.modal__toggle {
    display: none;
}
.header__right {
    display: none;
}

Result:

I hope it help.