[Kim]

What would you call this main nav bar area? I would like to change the color.

https://beautyblackbook.com/wp-content/uploads/main-nav.jpg

Thanks!
Kim Ann
Beautyblackbook.com

[Paul]

I too would like to know?
truthequine.com

[Sakin]

@Kim: It must be Primary menu and you can change that color from “Appearance => Theme Options => Color Options => Menus Color Options => Primary Menu Color Options”

[Sakin]

@Paul: You site is not live to check in.

[Kim]

This is not working for me. Which one of these would it be?

As you can see, the Menu Background Color says white but it is not white.
Sub-Menu Background Color, Menu Active Background color’s also are white but the bar is still grey.

The rest are hover or text colors.

?
Kim

[Sakin]

It’s not changing as you have manually added in grey in your child theme css. Remove the following css and it will be white

#header-menu .menu-header-container {
    background-color: #e9e7e7;
}

Your sub-menus, background colors are in white

[Kim]

🙁 I’m not finding that on my css!

#third-sidebar .widget_custom_menu_wizard .current-menu-item { font-weight: bold; }
.entry-meta { display: none; }
.mobile-menu { background-color: #d8180a; text-align: center; width: 100%; height: 50px; }
.site .genericon-menu { box-sizing: border-box; height: 50px; width: 100%; }
.mobile-menu a { color: #fff; padding: 10px; }
.mobile-menu-text { display: inline-block; }
.wp-caption .wp-caption-text:before {
content: none;
}
.wp-caption .wp-caption-text {
padding-left: 0;
}
.wp-caption .wp-caption-text {
text-align: center;
}
.DisplayCategoriesWidget select {
height: 30px;
width: 70%;
}
.DisplayCategoriesWidget input[type=”submit”] {
padding: 0;
vertical-align: middle;
width: 28%;
}

@media screen and (min-width: 940px) {
#header-menu ul.menu a, #footer-menu ul.menu a {
padding-left: 30px;
padding-right: 30px;
}
}
.widget-title { text-align: center; }
#header-menu ul.menu a,
#footer-menu ul.menu a {
font-size: 16px;
line-height: 3.5em;
}

@media screen and (min-width: 941px) {
#logo-wrap { width: 68%; }
#sidebar-header-right { width: 300px; }
}

@media screen and (max-width: 1280px) {
.site #header-menu ul.menu a,
.site #footer-menu ul.menu a {
padding: 0 10px;
}
}

@media screen and (max-width: 1100px) {
.site #header-menu ul.menu a,
.site #footer-menu ul.menu a {
padding: 0 8px;
}
}

@media screen and (max-width: 1000px) {
.site #header-menu ul.menu a,
.site #footer-menu ul.menu a {
font-size: 13px;
}
}
.blog #content .hentry,
.archive #content .hentry {
margin-bottom: 0;
padding-bottom: 0;
}

@media screen and (max-width: 1280px) {
.site #header-menu ul.menu a,
.site #footer-menu ul.menu a {
padding: 0 10px;
}
}

@media screen and (max-width: 1100px) {
.site #header-menu ul.menu a,
.site #footer-menu ul.menu a {
padding: 0 8px;
}
}

@media screen and (max-width: 1000px) {
.site #header-menu ul.menu a,
.site #footer-menu ul.menu a {
font-size: 13px;
}
}
.sidr ul.sub-menu ul { display: none; }
.has-header-left-menu .site #logo-wrap {
text-align: center;
width: 100%;
}
#site-logo {
display: block;
float: none;
}
#header-content .wrapper { position: relative; }
#sidebar-header-right { position: absolute; top:0; right: 0; width: auto; }
#branding .sidebar-header-right img { float: right; }
.site {
margin: 0 auto;
max-width: 1300px;
}
div.ecwid-productBrowser-auth {
display: none;
}
table.ecwid-Checkout-blockTitle button, div.ecwid-Checkout-PasswordBlock {
display:none;
}
div.ecwid-Checkout-blockTitle button.gwt-Button{
display: none;
}
div.ecwid-productBrowser-categoryPath {
display:none;
​}
div.ecwid-results-topPanel-viewAsPanel {
display:none !important;
​}

div.ecwid-results-topPanel-sortByPanel {
display:none !important;
​}
body.sidr-open { position: fixed !important; }

[Sakin]

@Kim: It’s in your child theme style.css https://beautyblackbook.com/wp-content/themes/hidemyage/style.css , line no 109

[Author]

Posts