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

Home Forums Support [Resolved] How do i create a button on the right side of my head-menu?

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

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1549891
    David

    Hello,

    i like to add a button in the menusection of my website right beside the menu.
    How can this be done in the generatepress-theme?

    https://sinnstiften.biz

    Thank you,
    David

    #1549941
    David
    Staff
    Customer Support

    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/

    #1550073
    David

    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

    #1550573
    Tom
    Lead Developer
    Lead Developer

    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/

    #1551219
    David

    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

    #1552940
    Tom
    Lead Developer
    Lead Developer

    Awesome! Glad we could help 🙂

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.