Dawn Theme 1.0 Header Menu Options/ Cart not showing

[Tanvir11110]

The website color theme is hint of black and majority white.

My header options are not showing because on the theme settings, I made the color text black and my header is black.

I cannot change this because if I changed the text to white, then all the text on my white background pages will not show.

And injecting code to make the color of the font white in the header (refer to green circle in image below) will not work because when I click “add to cart” this appears (refer to RED circle in image below):

Kindly let me know how this can be solved.

GalorePhoneStation.com

[dmwwebartisan]

@Tanvir11110

Please add the following CSS code to your assets/base.css bottom of the file.

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

Thanks!

[suyash1]

@Tanvir11110 - add this css to the very end of your base.css file and check

.header__menu-item span {color: #fff;}
.header__icon {color: #fff;}

.search-modal__form{color: #fff;}
.search__input.field__input, .predictive-search__item--term {color: #fff;}

[Tanvir11110]

Thank you for the quick reply @dmwwebartisan @suyash1 !

I tried both methods and the issue still persists (in RED).

This black box occurs when you click add to cart.

Also, on a not so serious note, there is a little hole in the bottom of the cart/ shopping bag icon (in GREEN)

[suyash1]

@Tanvir11110 - add this css too

.cart-notification__heading, .cart-notification.active, .cart-notification__links>*, #cart-notification-form .button--full-width{color: #fff;}

[Tanvir11110]

Thank you so much for your quick response and perfect solution. It may seem casual to you, however it truly means a lot. Thank you again and I wish the best for you. @suyash1

[suyash1]

@Tanvir11110 - add this too for that cart hole

.cart-count-bubble {background-color: #fff;}

[Tanvir11110]

Got it, thank you. @suyash1 .

However, there is this one last issue.

On mobile view, when clicking the side bar for menu options, it has the same issue the “add to cart” had.

[suyash1]

@Tanvir11110 - try this

.menu-drawer__menu-item {color: #fff !important;}

[Tanvir11110]

Perfect! Thanks again! @suyash1