Background Color Change and Icon Color Change

Store Design
1

Hello!

I’m trying to change the full header to black while also trying to change the color of the icons to white (Hamburger Menu, Search, and Cart). I also want to change the white blocks beside the header to black too.

This is my site url

https://b7972a.myshopify.com/

Thank you!

2

Hello @Mattan031

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.header__active-menu-item {
 color: #fff !important; 
}
.header__menu-item {
    color: #fff !important;
}
.header__icon {
    color: #fff !important;
}
3

Hi @Mattan031

This is Lucas from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

a.header__menu-item.list-menu__item.link.link–text.focus-inset, .header__menu-item span, svg.icon.icon-cart-empty {

color: white !important;

}

.page-width {

max-width: 100% !important;

}

Hope that my solution works for you.

Best regards,

Lucas | PageFly