(Asking this again) Hide Cart Icon + Search Icon + Move Logo To Center? (Looker/Cuber/Jagger Theme)

Store Design
, ,
1

Hello :slightly_smiling_face: Pretty much the title here. I asked this question over the weekend with not much luck. Maybe now during the week I’ll get someone to help me out :slightly_smiling_face:

I have purchased the premium theme called Cuber (It came with Looker, Cuber, and Jagger, https://themes.shopify.com/themes/split/styles/cuber/preview) and I’m wondering if its possible to hide the Cart + Search icon completely? For the next bit while I won’t be selling anything on the website so a cart is not necessary.

Also, if possible, to move the logo from the left side to the center?

Than you so much everyone :slightly_smiling_face:

2

Go to your online store → edit code → section-header.css file and paste this code there in the end of file

span#site-search-handle {
    display: none !important;
}
span#site-cart-handle {
    display: none !important;
}
@media (min-width:768px){
main-header#site-header {
    justify-content: center !important;
    position: relative !important;
}
button#site-menu-handle {
    position: absolute !important;
    right: 30px !important;
    top: 25px !important;
}
}
3

Hi @SellingWithAlex ,

Please go to Actions > Edit code > Assets > section-header.css file and paste this at the bottom of the file:

#site-search-handle {
    display: none !important;
}
#site-cart-handle {
    display: none !important;
}
4

Hello :slightly_smiling_face:

This is nearly perfect! Thank you SO SO MUCH! I added the code in “Custom CSS” section of the header. It seems to work :slightly_smiling_face:

Just two more things that are there

  1. On Mobile, its still not centered
  2. The Menu Burger (I think that is what its called) appears on the left side, any way to hide it?