Center Drop Mega Down menu & Add different background colours

[davidalexander]

Hey there!

Hope you are all doing well.

This is a special request, which I’m pretty sure is possible with Pro.

How do I go about adding different colours to the individual menu items in the Dropdown as seen in the attached screenshot?

How do I get the text in the Primary Nav bar to wrap as seen in the screenshot?

Your help is greatly appreciated here.

Thanks,
David

[davidalexander]

Sorry, please see the attached screenshot.

Thanks.

[christian]

Hey @bbigdave,

The gap is possible but the background color for each menu item is not, regretfully. There are 2 options to proceed with that.

1. Learn CSS and also learn how to use the browser’s element inspector to get each menu item’s ID to use to add the background color. Add your CSS code in Theme Options > CSS.

2. Subscribe to One where we provide customization guidance.

---

For the gap, you need to set the bottom padding of the Sub Links. Experiment with the value. Don’t copy the setting in the screenshot as it’s just an example.

You also need to set the Dropdown’s background to transparent so you could see through the content like in your screenshot.

Hope that helps

[davidalexander]

Thanks, @christian!

I was able to set the gaps as suggested. And will have to learn CSS as suggested.

Thanks for your help on this occassion.

Talk soon,
David

[ruenel]

You’re most welcome, David!
We’re glad @Christian was able to help you out.