Hi Parker,

Sorry for the late reply. This is the intended behavior, this slider does not have options to have responsive images. You can either try a different slider or choose different images that will have something in the middle, that you want to show to your customer.

Let us know if you have any more questions.

Best regards,
Victoria

Hi Giuseppe,

The problem here is with the table, it’s fixed width pushes other elements to the side. For the mobile view tables are tricky. If you want your users to see the table you have to add custom functionality, so that the table is scrollable sideways and does not break out of its container.

Or you can hide this tab on mobile and other tabs look normal. This option is available in editing tab menu in Advanced Layout Editor.

Let us know if you have any more questions.

Best regards,
Victoria

Hi,

There is a Javascript error, which stops the script from calculating the correct width for the container.
The error in jetpack-carousel.js script.
There are two extra spans that script finds, they are not in the gallery, but they come up under this selector $( ‘a img[data-attachment-id]’ ). That’s why the script breaks.

Best regards,
Victoria

Hi,

There are two way to do it. One is quick and dirty css way:

@media (max-width: 768px) { 
	.ngg-galleria-parent .nextgen_pro_horizontal_filmstrip {
            height: 0;
	    display: none;
	}

	.fa .ngg-trigger .nextgen_pro_lightbox .fa-share-square {
		display: none;
	}
}

The other way is write a conditional in your template for this page:

<?php
if ( !wp_is_mobile() ) {
    /* Display your gallery */
}
?>

Let me know if this was helpful.
Best regards,
Victoria

Hi,

It is the intended behavior, the container stays the same size, just the image inside zooms a little bit, seeming to be bigger(closer) and yes, gets cut on the edges (visually). If you make images scale on hover, it will look like a lot of jumping elements on the page. Many people find it annoying.

You can put gallery elements closer, it might look nicer:

.av-large-gap.av-flex-size .av-masonry-entry .av-inner-masonry {
    position: relative;
    margin-right: 3px;
    margin-bottom: 3px;
}

Let me know if this was helpful.
Best regards,
Victoria

Hi eviang,

If you really want to solve the issue, you will need to investigate it more. I would suggest looking into your mailer, if it’s writing logs you might find some answers there. Or turn on logging for outbound emails or even write some lines of code to log the emails, maybe some of them are not validated by mailer. You need to test the form more extensively.

Best regards,
Victoria

Hi,

Do you still need any help with the issue?

Best regards,
Victoria

Hi asinger777,

I was able to reproduce the scenario you’re describing. What I did was set the network speed in Chrome DevTools console in Network tab to Good 2g and disabled cache. So the load speed got slow and the browser was trying to show the image as it could, with progressive loading. The image is 187KB which is bigger than anything else you have on the website. It is highly recommended to optimize the image for slower network speeds if you don’t want to have this kind of effect.

You can play with this even more, you can select different network speeds and record a frame by frame video of your page loading. There is a button for recording videos and making screenshots with timestamps on the Network tab in Chrome DevTools console.

Best regards,
Victoria