Hi,

Thanks for the update.

The following image is actually much taller than the rest. (see private field)

Best regards,
Ismael

Hi,

Thanks for the update.

We checked every function or script that creates a request or may cause a reload. One of the scripts that keeps turning up is the Rocket Loader. It defers loading of the js scripts, prioritizing the content such as html, images, text etc making it seem like the page is loading faster. Unfortunately, this optimization can cause a re-paint or re-render of the content if the script deem it necessary. Have you tried disabling that option?

We also found the following thread, which seems to confirm our speculation. https://community.cloudflare.com/t/rocket-loader-causes-blink-flicker-on-page-load/27181

Best regards,
Ismael

Hey Michael,

Thank you for using Enfold.

Looks like the “load more” button is currently disabled. The following thread might help fix the issue.

// https://kriesi.at/support/topic/masonry-element-flickering-on-load-more/#post-969885

Best regards,
Ismael

Hi,

Thanks for the update.

The only email in the contact form’s “Il tuo indirizzo email” field is “INFO@GUIDIEPARTNER.IT”. Please edit the page with the contact form and add the other email address separated by comma in the same field.

Best regards,
Ismael

Hi,

Thank you for using Enfold.

Is there a staging site where we can see the widget? We have to inspect the element in order to provide the appropriate modification. If you haven’t yet created a staging site, this tutorial should help.

// https://www.wpbeginner.com/wp-tutorials/how-to-create-staging-environment-for-a-wordpress-site/

Best regards,
Ismael

Hi,

Thanks for the update.

but on Firefox it does some weird stuff

Is this also happening on mobile view? The site looks fine on Firefox Windows 8. Would you mind providing a screenshot?

Best regards,
Ismael

Hi,

Thanks for the update.

This css code might help.

@media only screen 
    and (min-device-width : 414px) 
    and (max-device-width : 736px) 
    and (orientation : landscape) 
    and (-webkit-min-device-pixel-ratio : 3) 
{ 
    .responsive.av-no-preview #top .av-mini-columns-1 .av-masonry-entry {
        width: 100%;
    }
}

Please don’t forget to toggle the Enfold > Performance > File Compression settings.

Best regards,
Ismael

Hi,

Thanks for the update.

This css code should move the logo to the left.

@media only screen and (max-width: 767px) {
.responsive .logo img {
    float: left;
}
}

Best regards,
Ismael

Hi,

Thank you for using Enfold.

The images in the full screen slider have to be resized in order to retain their aspect ratio, which is why they look stretched or zoomed in on smaller screens. Those images are actually added as background and their background size property is set to “cover”, which forces the images to cover the entire container even if they have to stretch or overflow outside the background positioning area. Again, the property does this to retain the images’ aspect ratio. As suggested, you can add another slider in place of the current one for mobile view. Just make sure that the images are specifically resized for smaller screens. Now, if you’re wondering what size to use for mobile devices, try to follow the dimension of the standard screen resolutions used these days.

// https://mediag.com/blog/popular-screen-resolutions-designing-for-all/

There’s a lot of alternatives in the builder such as the Masonry, Gallery, Layer Slider etc. You can use the Screen Options to replace the full screen slider with another. We can also set the background size property to “contain” or “100%”, but it will distort the images or create gaps within the slider container.

Best regards,
Ismael

Hi,

Thanks for the update.

We are able to update the product without encountering any error.

Entwurf wurde um 15:00:23 Uhr gespeichert. Zuletzt geändert von kriesi kriesi am 7. Mai 2019 um 14:59 Uhr

Have you tried switching back to the default or classic editor? You can do that in the Enfold > Theme Options panel. Look for the “Select Your Editor” settings.

Best regards,
Ismael

Hi,

We added the link in your thread. Please check the private field. https://kriesi.at/support/topic/events-calendar-upcomming-events-are-ine-wrong-order/#post-1097715

Best regards,
Ismael

Hi,

Thanks for the update.

We uploaded the vero font icon in your installation. Just insert the following filter in the functions.php file, then add the twitter social icon in the Enfold > Social Profiles panel.

add_filter('avf_default_icons','avf_default_icons_mod', 10, 1);
function avf_default_icons_mod($icons) {
    $icons['twitter'] = array( 'font' =>'vero', 'icon' => 'ue800');
    return $icons;
}

Best regards,
Ismael

Hi,

Thanks for the update.

The opacity is not adjusting properly on click but I’m not sure why. You can add this css code to fix that issue temporarily.

.avia-search-tooltip.avia-tt {
    opacity: 1 !important;
}

Are there any other issue that you notice aside from this?

Best regards,
Ismael

Hi,

Please open a new ticket or thread because this one is getting a bit too long. We will continue there.

Did you regenerate the thumbnails after adding the snippet that we provided previously? The theme didn’t generate that thumbnail size as you can see in the following list. It’s a list of thumbnails generated by the theme. As you may notice, 340x540px isn’t one of them.

$avia_config['imgSize']['shop_thumbnail'] 	= array('width'=>120, 'height'=>120);
$avia_config['imgSize']['shop_catalog'] 	= array('width'=>450, 'height'=>450);
$avia_config['imgSize']['shop_single'] 		= array('width'=>450, 'height'=>999, 'crop' => false);
$avia_config['imgSize']['widget'] 			 	= array('width'=>36,  'height'=>36);						// small preview pics eg sidebar news
$avia_config['imgSize']['square'] 		 	    = array('width'=>180, 'height'=>180);		                 // small image for blogs
$avia_config['imgSize']['featured'] 		 	= array('width'=>1500, 'height'=>430 );						// images for fullsize pages and fullsize slider
$avia_config['imgSize']['featured_large'] 		= array('width'=>1500, 'height'=>630 );						// images for fullsize pages and fullsize slider
$avia_config['imgSize']['extra_large'] 		 	= array('width'=>1500, 'height'=>1500 , 'crop' => false);	// images for fullscrren slider
$avia_config['imgSize']['portfolio'] 		 	= array('width'=>495, 'height'=>400 );						// images for portfolio entries (2,3 column)
$avia_config['imgSize']['portfolio_small'] 		= array('width'=>260, 'height'=>185 );						// images for portfolio 4 columns
$avia_config['imgSize']['gallery'] 		 		= array('width'=>845, 'height'=>684 );						// images for portfolio entries (2,3 column)
$avia_config['imgSize']['magazine'] 		 	= array('width'=>710, 'height'=>375 );						// images for magazines
$avia_config['imgSize']['masonry'] 		 		= array('width'=>705, 'height'=>705 , 'crop' => false);		// images for fullscreen masonry
$avia_config['imgSize']['entry_with_sidebar'] 	= array('width'=>845, 'height'=>321);		            	// big images for blog and page entries
$avia_config['imgSize']['entry_without_sidebar']= array('width'=>1210, 'height'=>423 );						// images for fullsize pages and fullsize slider
$avia_config['imgSize'] = apply_filters('avf_modify_thumb_size', $avia_config['imgSize']);

We will close this thread now. Let’s continue in your own thread.

Best regards,
Ismael

Hi,

Thanks for the update.

We just noticed that it’s an item from a custom post type. Please add this filter in the functions.php file to include the “tours” in the list of the builder’s supported post types.

function avf_alb_supported_post_types_mod( array $supported_post_types )
{
  $supported_post_types[] = 'tours';

  return $supported_post_types;
}
add_filter('avf_alb_supported_post_types', 'avf_alb_supported_post_types_mod', 10, 1);

After adding that code, edit the tours items and update them.

Best regards,
Ismael