Header Adjustments for a Jewellery Shopify Store

[middlebeats]

Hi,

I'm using the Monaco theme for a Shopify store. Could anyone please assist with the following adjustments?

1. Remove the digit zero from next to the cart (bag) icon.
2. Ensure that no words (e.g., "search") appear next to the icons in the computer view, keeping the icons only.
3. Center the logo in the mobile view.
4. Change the color of the header background, header text, and header icons.

Shopify Store: https://www.fatatjewellery.com
Password: fatat

Thank you!

[Made4uo-Ribe · Accepted solution]

Hi @middlebeats 

Check this one. 

1-Can we remove the digit zero from next to the cart (bag) icon?

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

.cart-count-bubble {
    display: none;
}

And Save.
2-For the computer view, can we ensure that no words (e.g., "search") appear next to the icons and keep the icons only?

- Im not sure what do you mean on this, no words when you have only one icon appear on the dekstop screen. 
3-In the mobile view, can we center the logo?

Same Instruction. 

@media only screen and (max-width:989px){
.header__column {
    margin-left: 0;
}
}

And save. 
4-Can we change the color of the header background, header text, and header icons?

For the background you can use this code. Same Instruction. And change the color you like. 

header.header.header--center.fullscreen-container.header--has-menu {
    background: red;
}

And Save. 

For the font color you have this dark and light buttons for your header. 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[middlebeats]

Hello,
Thank you so much

The cart is done. The mobile middle logo didn't go as I wanted, and the header color didn't work.Regarding the search word, you can see the SEARCH title. I just want to remove it.

[Made4uo-Ribe]

Yeah, I expected the header to be centered on mobile because you have three icons on the right and one on the left, making it uneven. I took a look at your store, but it seems like you're fixing it at the moment.

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!