Archived topic
Create a Buton in the menu, only in the responsive view
5 replies · Started by Hadi Mahmud on November 13, 2019
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.
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;
}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
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.
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...
Glad to be of help.
