Docs

[wanderinggourmet]

How do I reduce the padding on the sub menu items in navigation and how can I make it look just like the main items in the navigation.

See site:

http://www.nowplating.com

Thanks

[Jade]

Hi there,

You can add this under Custom > CSS in the Customizer.

.desktop .sub-menu li {
    display: inline-block;
    padding-right: 20px;
}

Hope that helps.

[wanderinggourmet]

Hi there,

Okay so that code did not work right.

It put the submenu items next to each other horizontally and did not adjust the padding on the top and bottom of the drop downs

[Jade]

Hi there,

Please try this code:

.desktop .sub-menu li > a {
    font-family: "Lato",sans-serif;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.008em;
    text-transform: uppercase;
    font-size: 15px;
    padding: 5px 0;
}

Hope this helps.

[wanderinggourmet]

Hi thanks for that. Unfortunately, it doesn’t change anything. I have deleted all cache and history from beginning of time. Still nothing..

[Joao]

Hi There.

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks

[wanderinggourmet]

This reply has been marked as private.

[Jade]

Hi Jacob,

I have tried the login details your have provided but it seems to be incorrect.

Kindly double check.

[wanderinggourmet]

This reply has been marked as private.

[Joao]

Hi There,

The solution above seems to work, I have added the code for you on Appereance > Customizer > Custom > CSS

You had one missing } on the last code there and that is why it was probably not working.

Hope it helps

Joao

[wanderinggourmet]

Thanks so much! It looks much better. Now my concern is the padding on top and bottom of the dropdown. It is too much. How can I adjust?

[Thai]

Hi There,

Please add the following CSS also:

.masthead-stacked .x-navbar .desktop .sub-menu {
    padding-top: 0;
    padding-bottom: 0;
}

Hope it helps 🙂

[wanderinggourmet]

Great! That works! Thank you very much.

[Rahul]

Glad we were able to help you out.

Let us know if we can help with anything else.

Thank you.

[Author]

Posts