Help required need to change the look of the menu

Hi Martin

Thanks for reaching out.

The main menu padding can be adjusted from Appearance > Customize > Theme Design > Menu.

Drop down menu padding needs to be adjusted using Custom CSS. Insert the following at Appearance > Custom CSS:

/* Drop down menu item padding, top and bottom */

.main-navigation ul ul a {
	padding-top: 20px;
	padding-bottom: 20px;
}

Adjust the 20px values as required.

Hope that helps :)

For sure :)

Glad to hear you’re making progress.

This can be done from Appearance > Customize > Theme Design > Menu see the Second Level options.

Hi Martin

Do you have a public URL where we can take a look at what’s going on? If you need to keep this URL private from other users, just select “Private Reply” on the bottom right of the comment box.

Thanks for the update.

The background and text colors you’re seeing in the drop down menus are being set from the Customizer. The background color currently being set is: #fff9bf. If you go to Customize > Theme Design > Menu > Second Level Background, is that not the color that is set there?

Thanks. It looks like you’re using a Custom CSS plugin. Try removing the contents of your Custom CSS plugin, it should resolve the issue. There is most likely a second Appearance > Custom CSS menu item.

Awesome :) Glad to hear that did the trick.

All the best with your site.

Thanks for your support :) Let us know if anything else comes up.