Hey Heathcliffe,

You might want to suppress warnings for your website and enable logging. Here is a great article on how to do it.

Warnings are not errors and the application still works fine.

Let us know if you have any more questions.

Best regards,
Victoria

• This reply was modified 7 years, 8 months ago by Victoria.

Hey MadRhino,

You might be seeing a cached version, if you have cache enabled, which may seem like changes are not applied.

Best regards,
Victoria

Hi,

If you find that some of the pictures you uploaded have different colors than the original, you have probably included a Color profile in the image without noticing it.

All images uploaded to Shopify get stripped of their color profile for two reasons:

• Browsers vary on their support for color profiles, so they end up looking differently when being viewed for example on Firefox vs. Internet Explorer. We want to make sure your site looks the same across all major browsers.
• Color profiles can take up huge amounts of disk space, so this can result in very heavy loading times without gaining anything from it.

Solution

Make sure to save the image without a color profile. This process varies depending on the different image editing programs. For example, in Adobe Photoshop, to save an image without a color profile is achieved by selecting Save for Web… from the File menu.

Let me know if this was helpful.

Best regards,
Victoria

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