Customize the new mega menu

[[email protected]]

Hi there,

I ve been using the Neighborhood theme for over 1 and a half year and I have been very happy to see that you have introducted a mega menu

So far I was using a plugin called ubermenu to get the same result on my website but I would prefer to move to a built in menu as the one now included in the theme

So, on my trial website (trial.timeforyourskin.com) I have tried to replicate (at least partially) the menu I’d like to have

It looks and works nicely. Unfortunately I dont know how to customize it properly.

In particular I would like to change:

– the font size (to a smaller)
– the cell space (the vertical and horizontal distance between one and the next menu item)
– font color and background color

Since I have lots of items to put it in the menu I’d like to make it not too big

Regards and thank in advance

Fabio

[Kyle – SUPPORT]

Hi

Your site has twentyfourteen installed so I can’t check it

– Kyle

[[email protected]]

Dear Kyle,

Sorry for that.

I was also solving another issue at the same time.

Anyway, on top of the problem listed above I ve noticed that I cannot add more than a certain number of menu item, even though I ve contacted my host previously and I told them to increase the memory, as one of your colleague told me some weeks ago

Now it should be fine

Regards

Fabio

[laranz – SUPPORT]

Hi Fabio,

Glad you solved the other issue 🙂 For menu limit, can you try this solution http://www.wpbeginner.com/wp-tutorials/how-to-fix-the-custom-menu-items-limit-in-wordpress/

Let us know,

Thanks,
laranz.

[[email protected]]

Dear Laranz

I am going to give a look at your document straight away.

What about the first part of my question? (I copy and paste from my first message)

Hi there,

I ve been using the Neighborhood theme for over 1 and a half year and I have been very happy to see that you have introducted a mega menu

So far I was using a plugin called ubermenu to get the same result on my website but I would prefer to move to a built in menu as the one now included in the theme

So, on my trial website (trial.timeforyourskin.com) I have tried to replicate (at least partially) the menu I’d like to have

It looks and works nicely. Unfortunately I dont know how to customize it properly.

In particular I would like to change:

– the font size (to a smaller)
– the cell space (the vertical and horizontal distance between one and the next menu item)
– font color and background color

Since I have lots of items to put it in the menu I’d like to make it not too big

Regards and thanks in advance

Fabio

[Swift Ideas – Ed]

Hi Fabio,

Font size:

nav .menu ul.sub-menu li {
font-size: 12px;
}

Cell space padding:

nav .menu ul li > a {
padding: 10px 15px;
}

Color / Bg Color, you set in the Color Customizer.

Hope that helps.

– Ed

[laranz – SUPPORT]

Hi,

Sorry I misinterpret you post wrongly, like you said solving your first issue. So I thought you fixed. Let me know about the solutions Ed gave, put that in the Custom CSS in Theme Options, if that didn’t work, Let us know,

Thanks,
laranz.

[[email protected]]

Dear ED and Laranz

Thanks for your tips

They work perfectly

Regards

Fabio

[Kyle – SUPPORT]

Great, thanks Ed