Website button works on desktop but not on mobile

Question

I have a button on the website that triggers a lightbox to fill out a contact form. The problem that the button is only clickable on Desktop. When accessed by a mobile device, this button no longer works.

That’s the code I’m using:

[formlightbox_call title="lightbox_form" class="2"]<button style="background-color: #9c0f13; border-radius: 5px;">Contate-nos</button>
[/formlightbox_call][formlightbox_obj id="2" onload="false"][contact-form-7 id="13" title="Formulário de contato 1"][/formlightbox_obj]

What I’m doing wrong?

Thank you!

Answer 1

I managed to solve the problem. Follow the code I used.

<h5 style="font-size: 18px; text-align: center;"><a style="cursor: pointer;" href="#"><span style="font-size: 9px;">[formlightbox_call title="" class="2"]</span><button style="width: 200px; height: 100px; background-color: #9c0f13; text-align: center;" type="button">Consulte-nos!
[/formlightbox_call][formlightbox_obj id="2" style="padding: 9px;"][contact-form-7 id="13" title="Formulário de contato 1"][/formlightbox_obj]</button></a></h5>