Docs

[Antoine]

Hello,

I am trying to have an icon in the navbar and tried a custom link with <i class=”x-icon x-icon-home”></i> but all I get in a clickable blank space. How do i manage to get the icon shows up?

Thanks,
Antoine

[Joao]

Hi Antoine,

Please use this code instead:

<i class="x-icon x-icon-home" data-x-icon="" aria-hidden="true"></i>

Hope that helps

Joao

[Antoine]

Thank you Joad, it worked.

I now have the problem that the icon is not aligned with the rest of the menu. How can I fix it?

Is there also a way to change the distance between the icon and the line underneath (the distance is slightly larger than on the rest of the menu, probably due to the space included in the icon)?

Thank you in advance for your help!
Antoine

[Thai]

Hi Antoine,

Please provide us with your website URL so we can take a closer look.

Thanks.

[Antoine]

The URL is http://www.kyani.co

[Friech]

Hi There,

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

.x-navbar .desktop .x-nav > li.menu-item-99 > a {padding-top: 10px;}

Hope it helps, Cheers!

[Thai]

Hi There,

Please add the following CSS:

li#menu-item-99 a {
    padding-top: 12px
}

Hope it helps 🙂

[Antoine]

It works just fine, thanks!

[Thai]

If you need anything else please let us know.

[Author]

Posts