I switched to Pro and created a custom header from scratch and the top two bars have a gradient. Its not the bar because when I drag other bars to one of the top two, they get the effect. You can see it here:
There is nothing in the child theme css, nothing in the customizer css, I cant see it in Firebug, its driving me crazy. Any ideas here? Thanks, Mark
The shadow is set on your third bar. If you inspect that bar in the header builder you could set the box shadow dimensions to 0 or the color to transparent this will stop the shadow from outputting.
Ah thanks. I inspected every element so many times! I can’t believe I missed that. How did you see it?
Hello @cforge,
Thanks for updating the thread. 
We use Google Chrome Dev tools to inspect page elements. It’s quite powerful tool that helps you to see and analyse elements (HTML and corresponding CSS) inside website. If you would like to learn and get started with Google Chome dev tools please take a look at following resources:
https://developers.google.com/web/tools/chrome-devtools/
https://developers.google.com/web/tools/chrome-devtools/css/
https://www.youtube.com/watch?v=9oYhq84ZqaE
https://www.youtube.com/watch?v=tP_kXBJWPhQ&t=210s
Hope that helps you to get started with Dev tools.
Thanks.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.