[Support request] How to add a button on a Button Primary menu after the menu

Home Forums Support [Support request] How to add a button on a Button Primary menu after the menu

Home Forums Support How to add a button on a Button Primary menu after the menu

  • This topic has 3 replies, 2 voices, and was last updated 2 months ago by David.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1973298
    Deepa Chokkakula

    button on menu
    Dear Team,
    Could you assist me with how to add a button on the primary menu just right the menu? Please note as on the above image I have a logo on the left then a menu then a button.

    Please, assist Mobile look at the menu. On mobile logo must be on top and below that the “Menu” text. Below of the Menu text the Button.
    When someone clicks on the menu the menu will open.

    thanks

    Learn Blogging and Money Making from Experts

    #1973375
    David
    Staff
    Customer Support

    Hi there,

    if you want the Button to display on Desktop and Mobile, then use a Block Element:

    https://docs.generatepress.com/article/block-element-overview/

    And use the GenerateBlocks plugin to add a GB Button:

    https://docs.generateblocks.com/article/buttons-overview/

    Which you can style to your needs.

    Then in the Block Element, set the Hook to menu_bar_items

    If you need help positioning it, then provide a URL to your site once you added the button.

    #2007554
    Deepa Chokkakula

    The button placed properly but on mobile mode it doesn’t look good.
    It will be better if you assist me to place the mobile menu next to logo but on right position. After that Button should be center and below of logo and menu.

    Learn Blogging and Money Making from Experts

    #2007631
    David
    Staff
    Customer Support

    Try adding this CSS:

    @media(max-width: 500px) {
        .has-inline-mobile-toggle .mobile-menu-control-wrapper {
            flex: 1 0 100%;
            margin-top: 15px;
            justify-content: flex-end;
        }
    
        .main-navigation .menu-toggle {
            position: absolute;
            right: 30px;
            top: 20px;
        }
    }
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.