I’ve added a header widget via the child theme. I’m trying to get the logo on the left, widget on the right and menu on the bottom. I’m very close, but the logo and widget should be swapped. I’m using the “Header layout: Widget Left, Logo right, Menu below” code snippet, since there is not a Logo Left, Widget right and Menu bottom code snippet.
Second question is how do remove the gold background for the menu and widget area?
Thanks in advance for any help.
I’ve corrected the logo and widget placement, but changing the float order. I am trying to figure out how to make the menu not float, but be a all black bar at the bottom, as it was originally.
Hi,
Thank you for using Enfold.
Use the following css code to change the background color of the menu items.
#top #header .av-main-nav > li > a {
background-color: #000000;
border-color: #000000;
}
Best regards,
Ismael
Thank you for the help. One last question. I’m having a hard time changing the header widget position. How do I decrease the space between the header widget and the menu below it. I’ve tried the below code, but I’m not getting any vertical movement.
#header .widget {
position: absolute;
top: 0;
left: -20px;
line-height: 0px;
}