Archived topic
Insert CTA between logo and toggle in mobile menu
1 reply · Started by Daniel Moreno Cuerda on May 19, 2020
Hello, is it possible to insert a phone CTA like the image in the mobile version between the logo and the toggle?
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 :)
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;
}