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

Home Forums Support Insert CTA between logo and toggle in mobile menu

  • This topic has 1 reply, 2 voices, and was last updated 4 months ago by David.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1293148
    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 🙂

    #1293312
    David
    Staff
    Customer Support

    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;
    }
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.