When you floatover the various headings, the first topic in the drop-down is against the header image background, while all other topics in the drop-down menu have white backgrounds. The white background doesn’t show up until you mouse down into the drop-down. This is a problem because it makes the first topic in the drop down invisible against many of the rotating photos in the header. Could you please tell me how to fix that?
No, I was asked if I had made any modifications to the header, and I have. That is the modification.
I assume they were trying to figure out if adjusted code was causing the problem? I am still having the problem.
It’s odd, because it’s like the white background box is just moved down a bit. So the top link doesn’t show up real well and there is lots of dead space at the bottom until you get your mouse down in there.
So I have been thinking about this, and I guess what has happened is that when I moved the header up to keep it from obstructing my banner photo so much, I should have also moved the drop down up. I know just enough code to be dangerous, and I am not sure what I should do to fix that.
At this point we can move the element to be more inline with the menu container. You can use the following CSS code to do so by going to Appearance > Customize > Additional CSS and pasting it there.
/*Change sub menu position*/
#header .top-header .header-navigation ul li a {
top: -19px;
}