Changing menu background and text color

Hello,

Simply follow the Instructions provided in the Documentation > Start > Color Schemes Section to change the Default Color of the Theme. To change the Menu Background, please let us know if you would like to change the Entire Header Background Color or just the Menu Dropdown's Background Color, so that we can provide you with the necessary CSS Codes for this. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

Hello,

1. Use the .dark Class on the #header Tag and then use the following CSS:

#header.dark #header-wrap { background-color: #HEX; }

.dark #primary-menu:not(.not-dark) ul ul,
.dark #primary-menu:not(.not-dark) ul li .mega-menu-content {
	background-color: #333;
	border-color: #3F3F3F;
	border-top-color: #1ABC9C;
}

Simply change the Color Values according to your needs.

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Hello,

Unfortunately, this is currently not available out of the Box and will require some customizations. We currently do not provide Customization related Support according to the Item Support Policy: https://themeforest.net/page/item_support_policy . You can consider using the following CSS Code:

#header:not(.sticky-header) { height: 160px !important; }
#header-wrap.dark { background-color: #333; }
#header-wrap.dark #primary-menu { border-top: none !important; }

#header-wrap.dark #primary-menu > .container > ul > li > a,
#header-wrap.dark #top-search a,
#header-wrap.dark #top-cart a,
#header-wrap.dark #side-panel-trigger a,
#header-wrap.dark #top-account a,
.dark #top-cart .top-cart-item-desc a,
body.top-search-open #header-wrap.dark #top-search a,
#header-wrap.dark #top-search a:hover,
#header-wrap.dark #top-cart a:hover,
#header-wrap.dark #side-panel-trigger a:hover,
#header-wrap.dark #top-account a:hover,
#header-wrap.dark #top-search form input {
	color: #EEE;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

#header-wrap.dark #top-search form input::-moz-placeholder { color: rgba(255,255,255,0.6); }
#header-wrap.dark #top-search form input:-ms-input-placeholder { color: rgba(255,255,255,0.6); }
#header-wrap.dark #top-search form input::-webkit-input-placeholder { color: rgba(255,255,255,0.6); }

and then use the .dark Class on the #header-wrap Element.

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.