Moving Main Nav menu?

[mikeal]

Hey folks,

If you look at kiltedpleasure.com, you’ll see that the main nav menu floats over the header image. This is bad in two ways – it disrupts the page branding, and is hard to use. I’d like to have it float at the bottom of the header. Where can I find the positioning code?

 

TIA

[Andy]

The header image is a background image, so if you use a header image the menu will always display like this over the top of the header image as it is part of the header section.

To move it out of the header area would require a lot of custom PHP coding and testing in a bespoke child theme.

Can I suggest giving the menu a background color, with some code added to ‘Customize’ > ‘Additonal CSS’:

#site-navigation {
    background-color: #fff;
}

or a partial transparent color:

#site-navigation {
    background-color: rgba(255,255,255,0.8);
}

[Andy]

Closing and marking as resolved, as no response after 7 months.

[Author]

Posts