Hey!

I’m sorry but it’s not possible to serve different thumbnail size when viewing on mobile device without modifying the theme files. What you can do it to optimize the site using the following. Usually minimizing the image file sizes and number of plugins that you install will greatly improve the performance. These are the things that you can do to optimize the website speed and page load courtesy of the wordpress community:

1. Optimize all images with AI/Photoshop before uploading to server ‘save as web safe’ jpg as Josue suggested.
2. Once all images are on the website, optimize with ewww optimizer plugin twice 1hr 10mins apart.
3. Install wp-smushit run once to remove jpeg extra data, then uninstall.
4. Use BWP minify plugin to minify scripts and stylesheets.
5. Install WP-Super cache, select all recommended settings. You can also W3 Total Cache with minify settings.
6. Logout your website, visit every page at least once to create super cache files.
7. Join Cloudflare setup your website on their CDN, Choose options: Full CDN Optimisation save then activate purge files. once done log out.
8. Have a cup of coffee.
9. Visit your site after 20 minutes or so.
10. Don’t forget to smile.

Of course, improving the hosting plan is a must if you want to fully optimize the website.

Best regards,
Ismael

Hi!

Thank you for the info.

1.) Please add this on Quick CSS or custom.css:

@media only screen and (max-width: 767px) and (min-width: 480px) {
.responsive #top #wrap_all .grid-sort-container.grid-total-odd .grid-entry.grid-loop-1 {
width: 50% !important;
}
}

Remove browser cache then reload the page a few times.

2.) Go to Settings > Media. Change the dimension of the Large size option then regenerate the thumbnails using this plugin: http://wordpress.org/plugins/regenerate-thumbnails/

Best regards,
Ismael

Hey Ralph12!

Thanks for sharing. You can also use a filter to change the thumbnail size of the testimonial image. Use this on functions.php:

add_filter('avf_testimonials_avatar_size', 'avf_adjust_testimonials_avatar_size' );

function avf_adjust_testimonials_avatar_size($avatar_size) {
	$avatar_size  = 'square';
	return $avatar_size;
}

Upload the images again if you already have the testimonial section or regenerate the thumbnails using this plugin: http://wordpress.org/plugins/regenerate-thumbnails/

Best regards,
Ismael

Hey!

Aside from doing Yigit’s suggestion, you can set the blog style on Enfold > Blog Layout > Blog Style. Choose the last option (Use the advance layout builder…). Edit the blog page then insert the Blog Posts element. Set the Preview Image Size setting to manual then select the thumbnail size that you want.

Regards,
Ismael

Good day!

After changing the values, you should regenerate thumbnails using this plugin – https://wordpress.org/plugins/regenerate-thumbnails/

Cheers!
Yigit

Hi!

Thank you for the info.

It might be a problem with the database. Try to restore a backup of the database or try it on a test server. If possible, try to do a database repair. Also, if you have the time, scroll through the media library then delete all images without a thumbnail. Upload them again.

If all else fails, try using this:

.av-magazine-thumbnail img, img {
width: auto !important;
height: auto !important;
}

Regards,
Ismael

Hey Dave! :)

1- Please add following code to Quick CSS as well

.multi-big .post_author_timeline, .single-small .post_author_timeline { top: 14%; }

2- Please go to Appearance > Editor and open Functions.php file and find

$avia_config['imgSize']['square'] 		 	    = array('width'=>180, 'height'=>180);		                 // small image for blogs

and change the values as needed. Then regenerate thumbnails using this plugin – https://wordpress.org/plugins/regenerate-thumbnails/
Cheers!
Yigit

Hi NOSPORTS!

Please add following code to Quick CSS in Enfold theme options under General Styling tab

.nextgen_pro_thumbnail_grid .image-wrapper {
float: left;
}

Best regards,
Yigit

Hi Ben!

Please go to Appearance > Editor and open Functions.php file and find

$avia_config['imgSize']['portfolio'] 		 	= array('width'=>495, 'height'=>400 );						// images for portfolio entries (2,3 column)

and change it to

$avia_config['imgSize']['portfolio'] 		 	= array('width'=>210, 'height'=>210 );						// images for portfolio entries (2,3 column)

then regenerate thumbnails using this plugin – https://wordpress.org/plugins/regenerate-thumbnails/

Best regards,
Yigit