My client wanted to colorize the headers under "Services', in the main navigation mega menu. I used a span tag to colorize these headers, that works just fine. But, the colors we selected "clash" (are hard to read) with the red background, which appears to be using Accent Color 1, when you switch to or view the site on a mobile devise. To fix the issue...I would simply like to change the background color of the mobile menu, to perhaps a light grey (#f2f2f2) rather than the current bright red. I cannot a way to customize this in the menu...am I missing something. Or is this a CSS fix. I am sorry to bother, but I cannot figure it out. Please assist.
Thank you for the prompt reply. While I understand that your directive "should be" the solution, it does not change the color in my specific theme. Perhaps something is over-riding that setting? As stated, I could not figure out where or how it is controlled, which is why I am reaching out. It seems to be pulling the color from the top "Accent Color" as when I change that color, it changes the mobile "background" color. When I change the Off Canvas color, it has no effect.
My client wanted to colorize the headers under "Services', in the main navigation mega menu. I used a span tag to colorize these headers, that works just fine. But, the colors we selected "clash" (are hard to read) with the red background, which appears to be using Accent Color 1, when you switch to or view the site on a mobile devise. To fix the issue...I would simply like to change the background color of the mobile menu, to perhaps a light grey (#f2f2f2) rather than the current bright red. I cannot a way to customize this in the menu...am I missing something. Or is this a CSS fix. I am sorry to bother, but I cannot figure it out. Please assist.
Hello Kyle,
Thanks for choosing Salient.
Please head to Salient > Header Navigation > Color Scheme and change the color from here:
Thanks.
Hi Judith-
Thank you for the prompt reply. While I understand that your directive "should be" the solution, it does not change the color in my specific theme. Perhaps something is over-riding that setting? As stated, I could not figure out where or how it is controlled, which is why I am reaching out. It seems to be pulling the color from the top "Accent Color" as when I change that color, it changes the mobile "background" color. When I change the Off Canvas color, it has no effect.
Hi Kyle,
Please try this css:
.original #slide-out-widget-area[class*="slide-out-from-right"], .ascend #slide-out-widget-area[class*="slide-out-from-right"] {background: #f2f2f2;
}
Thanks.