[Resolved] Create a Buton in the menu, only in the responsive view

[Hadi Mahmud]

Hello,

I want to change the https://bro88.com/ website to WordPress. I decided to use generatepress because I really like it.

However, in the Responsive View section, I encountered an obstacle. My client asks for the responsive view to make it exactly like this:
https://prnt.sc/pwfzds

The order is: Menu button, Logo, and to the right of the list button.
I’ve tried a few days, and haven’t gotten results. I finally decided to ask for help.

Thank you so much for your help.

[David]

Hi there,

you can use the Hook Element and add your button HTML to the inside_mobile_header hook.

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

Example HTML:

<a class="button" href="#">Button</a><a class="button" href="#">Button</a>

Then this CSS to re-order the header:

#mobile-header .menu-toggle {
    order: -1;
}
#mobile-header .button {
    order: 5;
    margin-right: 5px;
}

[Hadi Mahmud]

Hello

Thank you very much.

On the above point I’m still confused for points “inside_mobile_header “,
Where is this hook? This plugin? I’ve tried searching still haven’t found it.

Regards,

Hadi

[David]

This article explains Hooks – where you will find that inside_mobile_header hook amongst others.

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

Quick steps;

1. Dashboard > Appearance > GeneratePress and Enable the Elements Module
2. Appearance > Elements > Add New –> Hook
2.1. Add the HTML
2.2. Select from the Hook list: inside_mobile_header
2.3. Display Rules tab set the Location to Entire Site.

[Hadi Mahmud]

Thank you very much. You really help me. Sorry if there is a question I have not had the answer I will ask again. Good job… I really like…

[David]

Glad to be of help.

[Author]

Posts