Topic: Javascript lightbox form goes under navbar on mobile

Tagged: x

Author

Posts
September 8, 2016 at 3:38 pm #1167019

benfrenchphoto
Participant

I am using a javascript lightbox form on my contact page to collect emails. On mobile devices (iOS) the form goes up under the navbar, hiding the top of the form. How do I get this to appear below the navbar and header? Thanks in advance!

http://helixstarkville.com/contact/

September 8, 2016 at 3:38 pm #1167023

benfrenchphoto
Participant

Hit the “Email Us” button to activate the form.

September 8, 2016 at 11:42 pm #1167536
Rupok
Member
Hi there,

Thanks for writing in! You can add this under Custom > CSS in the Customizer.
```
@media only screen and (max-width: 721px) {
.guestcard-dialog.ui-dialog {
  top: 100px !important;
  z-index: 9999 !important;
}
}
```
Hope this helps.

Cheers!
September 9, 2016 at 8:38 am #1167954

benfrenchphoto
Participant

Worked perfect! You guys are good. Thanks!

September 9, 2016 at 9:09 am #1168004

benfrenchphoto
Participant

The code works on the site I originally provided, but I am having the same issue on other sites. The code does not work with these. If you could please take a look at these as well I would appreciate it.

Site 1:
http://www.rivergateou.com/index.php/contact-us/

Site 2:
http://theviewstatecollege.com/contact/

September 9, 2016 at 10:57 am #1168142

benfrenchphoto
Participant

Figured it out. I was just missing a bracket. Thanks!

September 9, 2016 at 12:06 pm #1168265

Joao
Moderator

Thanks for letting us know, have a great weekend.

Joao
Author

Posts

<script> jQuery(function($){ $("#no-reply-1167019 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>