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

[Deepa Chokkakula]

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

[David]

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.

[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.

[David]

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;
    }
}

[Author]

Posts