Docs

[Amy]

I would like to change the alignment of the menu items in my navigation bar to vertically align to the bottom of the logo instead of the top.

I noticed a similar thread dated 12/16/14 (I believe) and tried the suggestion, but wasn’t successful. Any ideas?

[Nabeel A]

Hi Amy,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[Amy]

This reply has been marked as private.

[Joao]

Hi There,

You can go to Appereance > Customizer > Header and adjust Top Link Spacing.

Hope that helps,

Joao

[Amy]

While that does fix the desktop version it doesn’t look right on the tablet version. How do I correct for that?

[Joao]

Hi Amy,

Still on Appearance > Customizer > Header you have a lot of parameters to adjust.

You have a relatively large amount of links on your navbar, my first suggestion would be remove HOME, the logo works a home.(You can remove it on Appearance > Menus)

Thank on Appearance > Customizer > Header you have > link spacing which you can decrease a good bit, letter spacing and letter size. By playing with those parameters you should be able to adjust the spacing.

Hope it helps

Joao

[Amy]

This website is for a small, rural church where the majority of its members are retirement age or older. Other potential viewers are from a really small town. I’m afraid deleting the ‘Home’ link would cause too much confusion. Conversely, the font size needs to be a bit larger. However, I did get rid of the search function and decrease the spacing between the links. No matter what I do I can’t prevent the menu from dropping to a new line – with a LOT of space between the menu and the logo. Even if I could do something to keep all links on the same line it doesn’t look good. I’ve attached a screen shot so you can see what I mean.

[Jade]

Hi there,

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

@media (max-width: 1145px) {
    .x-navbar .desktop .x-nav > li > a {
        height: 110px;
        padding-top: 80px;
    }
}

Hope this helps.

[Amy]

Perfect! Thank you! 🙂

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts