Popup form container isn't responsive.

User 2122452 Photo


Registered User
3 posts

Hi. I created a responsive form, but the popup container for the form isn't responsive and I can't figure out how to make it so. Please advise.

Thanks!
User 187934 Photo


Senior Advisor
19,665 posts

Hi Danne,
Give this a try.
Add this to the head of your page that has the link to the popup form to make the colorbox popup responsive.
<script type="text/javascript">
// Make ColorBox responsive
jQuery.colorbox.settings.maxWidth = '95%';
jQuery.colorbox.settings.maxHeight = '95%';

// ColorBox resize function
var resizeTimer;
function resizeColorBox()
{
if (resizeTimer) clearTimeout(resizeTimer);
resizeTimer = setTimeout(function() {
if (jQuery('#cboxOverlay').is(':visible')) {
jQuery.colorbox.load(true);
}
}, 100);
}

// Resize ColorBox when resizing window or changing mobile device orientation
jQuery(window).resize(resizeColorBox);
window.addEventListener("orientationchange", resizeColorBox, false);
</script>

Seems to work here.
https://ericrohloff.com/coffeecup/ccfor … ive-popup/
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2122452 Photo


Registered User
3 posts

Hello Eric, Thanks so much. That did the trick. Thanks, too, for your quick reply.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.