Styling of button in navbar

[antoine_generau]

Hello,

I am trying to add a button to the navbar. I managed to do it by using following code as link in the menu:
<span class="x-btn">Prendre rendez-vous</span

However, I did not manage to do the following two things:

1. Allign the button with the rest of the menu
2. Remove the box-styling by mouse hover

Could you please help me achieving it?

URL: https://charlotte-desvoies.fr/

Thank you,
Antoine

[rad]

Hi @Lecoqdigital,

Thanks for reaching out.

The button has a different dimension while menu items have padding. And padding works okay on texts, except for the menu. To fix it, you’ll have to position your button correctly. Example,

<span class="x-btn" style="position: relative; top: -30px;">Prendre rendez-vous</span>

You can change the negative top value depending on your preferred vertical position.

Thanks!

[antoine_generau]

Thank you!

How can I remove the mouse hover effect (the line arround the button, like on the other menu items)?
I guess I need to apply some CSS to #menu-item-276 but I couldn’t find which CSS…

Thanks for your help.

[rad]

Hi @Lecoqdigital,

Ah, yes, please add this as well.

li#menu-item-276 >a:hover>span {
    border-color: transparent;
}

Cheers!

Thanks!