Docs

[TIS123]

Hi,

Before you were so kind to help me with some CSS code to change the menu hovers: https://community.theme.co/forums/topic/navbar-hover-solid/.

Unfortunately a little problem is shown with the padding of the most right menu-option, in my case the Theme-X search button. Can you help me with some code for the correct padding? Please see attachment (graphic). Below the login and site URL.

Best regards, Hans.

[TIS123]

This reply has been marked as private.

[TIS123]

The attachment:

[John Ezra]

Hi there,

Thanks for writing in! You can add this under Custom > CSS in the Customizer or in your child theme’s style.css file.

li.menu-item.x-menu-item.x-menu-item-search a span {
    padding-right: 20px;
}

[TIS123]

You’ve solved my little problem, thanks!

[Rupok]

You are welcome!

Glad that it helped. Feel free to let us know if you face any other issue. We’ll be happy to assist you.

Thanks for using X.

Cheers!

[TIS123]

Hi,

Sorry to say, but the menu padding issue as mentioned above is back 🙁 The CSS code (see post John Ezra) is still in the custom CSS file as shown in the attachment but the padding has gone. Tried over and over again without succes. Will you please assist to solve this?

Login and URL is still the same a in private replay above.

Best regards, Hans.

[Nabeel A]

Hi again,

Please replace the previous code with this one:

.x-navbar-static-active .masthead-inline .desktop .x-nav>li:last-child>a, .x-navbar-fixed-top-active .masthead-inline .desktop .x-nav>li:last-child>a {
    padding-right: 20px !important;
}

Let us know how this goes!

[TIS123]

It’s magic, solved 😉 Thanks for your support!

Best regards, Hans.

[Friech]

You’re more than welcome, glad we could help.

Cheers!

[Author]

Posts