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

Home Forums Support Create a Buton in the menu, only in the responsive view

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1061979
    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.

    #1062051
    David
    Staff
    Customer Support

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

    #1062855
    David
    Staff
    Customer Support

    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.

    #1064606
    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…

    #1064661
    David
    Staff
    Customer Support
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.