Hi, there are several things going on on your site.
1. it looks like you have multiple links like these
<a href="#contact_form_pop" class="fancybox"><button class="rfdbutton">REQUEST FOR DEMO</button></a>
which is fine (the links work on desktop and all open up the contact form div) but you have multiple hidden divs with id="contact_form_pop"
. You’ll need to remove all these hidden divs except one, or give them all a different ID and adapt each link accordingly.
2. I notice other request form links in your source code like these:
<a href="http://anbiz.com/request-demo/"><button class="rfdbuttonres">REQUEST FOR DEMO</button></a>
and it looks like these buttons are visible in mobile browsers. These are linking to the page http://anbiz.com/request-demo/ which works good on a small screen. I recommend keeping it like it is now. Filling in a form inside a light box frame (smaller than the screen) on an already small screen is not very comfortable. Your solution is perfect.
Hi thank you for your solution, now i have remove all the hidden DIV on desktop is working and I try on the first “Request for Demo” button use the different id but on mobile device pop up is still no working
See point 2 of my previous answer. These are the links that open up the page http://anbiz.com/request-demo/ on mobile devices.
That said, I think that works better for small screens than a form inside a light box so I would leave it the way it is now.