menu contact button

[alejandrxmunoz]

Hello everyone,
I am building a site and I just need to customize the menu section. I need to customize the last menu item to have a button appearance.
Somebody could help me? It's probably stupid for many of you (developers) but it's driving me crazy, lol.

And if its possible add some social media buttons next to the 'contact button'.

like this:
https://ibb.co/5KsyTTH

Thanks you in advance.

update /

could it possible right this?

.nav.primary li:last-child a{
border-radius: 50px;
background-color:#000000;
font-color:#000000;
}

.nav.primary li:last-child a:hover{
background-color:#000000;
font-color:#000000;
}

[arminunruh]

hey the link doesnt work

go to appearance → menus

at the top right click "screen options"
then activate "css classes"

then edit your menu point and add the css class "laybutton1"

now the button 1 style is applied to that menu point
not sure if that works well

you can also add a class "mybutton" instead

and then in lay options → custom css & html

in the css write your css to create the button style

at the moment you cant add icons to the menu. maybe you can find a plugin for this?

[alejandrxmunoz]

@arminunruh, thank you...I'll try this right away.
I am looking have a button in the menu simply like this https://ibb.co/5KsyTTH