Docs

[kaylaadrianna]

Hello!

I’ve been able to follow a few other posts and managed to place a menu in the topbar of my site, but I had a few tweaks I’d like to incorporate to polish it off:
– How can I add padding to the left and right so the text and social icons aren’t flush with the side of the site?
– Is there a way to change the font on the topbar menu?
– Can I add dividers between each menu item like in the screenshot?
– Is it possible to create a dropdown menu for one of the menu items like in the screenshot?

Thanks for any help you can give me on this!

[kaylaadrianna]

This reply has been marked as private.

[Nabeel A]

Hi there,

Thanks for writing in!

1. To add the padding, please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

.x-topbar-inner {
    padding: 0px 5% !important;
    width: 100% !important;
}

2. & 3. To add dividers and to change the font, please use this code:

.top-menu li a {
    padding: 0 10px 0 10px !important;
    font-size: 20px !important;
    border-right: 1px solid #b38f0f;
}
.top-menu li:first-child a {
    border-left: 1px solid #b38f0f;
}

4. It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities.

Thanks for understanding. Take care!

[kaylaadrianna]

Thank you so much! All those suggestions worked.

Have a great day 🙂

[Joao]

Glad to hear it,

Joao

[Author]

Posts