[Support request] Insert CTA between logo and toggle in mobile menu

[Daniel Moreno Cuerda]

Hello, is it possible to insert a phone CTA like the image in the mobile version between the logo and the toggle?

Image

I have tried changing the name of “Menu” of the Toggle but obviously when clicking instead of going to the CTA link the mobile menu opens. Thanks 🙂

[David]

Hi there,

yep – try this:

1. Go to Appearance > Elements and create a new Hook element
https://docs.generatepress.com/article/hooks-element-overview/

1.1 Add your CTA HTML eg.

<a class="mobile-cta" href="tel">012345678</a>

please note – whatever your HTML the element should have the class="mobile-cta" for the following CSS to work.

1.2 Select the inside_mobile_header hook
1.3 Set Display Rules to Entire Site.

2. Add this CSS to your Site:

.mobile-cta {
    order: 2;
}

[Author]

Posts