How do i create a button on the right side of my head-menu?

Hi there,

simple way is to style a menu item to look like a button.
This article explains how:

https://docs.generatepress.com/article/adding-buttons-navigation/

Hi David,

thank you David.
I tried my best with a css generator and the doc:
https://sinnstiften.biz/

.nav-button {
box-shadow: 0px 10px 14px -7px #276873;
background:linear-gradient(to bottom, #f27500 5%, #b35700 100%);
background-color:#f27500;
border-radius:8px;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Arial;
font-size:20px;
font-weight:bold;
padding:5px 12px;
text-decoration:none;
text-shadow:0px 1px 0px #3d768a;
}
.nav-button:active {
position:relative;
top:1px;
}

But when i hover over the button the standard blue from the menu comes thru.
What do i have to deactivate?

Thank you,
David

Hi there,

Instead of this:

color:#ffffff;

Try this:

color:#ffffff !important;

This is another method worth checking out: https://docs.generatepress.com/article/generate_menu_bar_items/

Hi,

using
color:#ffffff !important;
doesn´n change anything as you can see here:

But i tried it with a hook and that looks pretty.
And for mobile view this important button is not collapsed to the burger menu.

Now i´m making some css improvements, but you can close this ticket.
Thanks a much,

David

Awesome! Glad we could help :)