Site logo

Archived topic

Placing a button in mobile header

7 replies · Started by Vish on January 23, 2019

Viewing posts 1–8 of 8

Hello

How can I place a button in the Mobile Header (only in mobile) as in the below image:

https://ibb.co/8MT92ZR

Note: I use mobile header. Have included my site link as well

Hi there,

1. Create a new Hook Element:
2. Set the hook to generate_inside_mobile_header
3. Add your button to the content field like this:

<div class="mobile-bar-items">
    <a class="button my-custom-button" href="URL TO YOUR PAGE">Get Started</a>
</div>

4. Set the Display Rules to whatever you need.

Let me know if you need more info :)

Thanks Tom, it worked like a charm! :)

You're welcome :)

Hi Tom,

I'm also trying to add a button to the mobile header on my site using the same code but I can't get it to display.

Can I please PM you my site?

Cheers,
Matthew

Many thanks Fernando :)

You're welcome and hope to hear from you soon, Mathew! :)

This archived topic is closed to new replies.