-
Posts
-
Is there a way to specify a minimum image height for the Fullwidth Easy Slider in mobile view? The image/slides are getting shrunk down too much and are not easy to see on mobile (link attached). I’m okay with the right side getting cut off as long as I can specify a minimum height. Or is there a better way to go about this?
ThanksHi kvpacs!
If you force it’s height with CSS then it’s going to look scrunched up. It would be better to upload images that have more height.
Cheers!
ElliottThanks Elliot, that makes sense.
What about overriding the max image height set in EasySlider? For example, I notice that my images are already cropped across the top when I choose the “Featured 1500 x 430” and “stretch image to fit” options. Is there some css I can add to reduce the 430px height a bit further?
What I’m trying to do is get the slider in desktop view to not use as much height, but didn’t want to crop the height on the image files themselves – thought this would make the images even shorter on mobile (once shrunk to fit) and they’re already too short in vertical mobile view, with captions cut off.
Any advice is appreciated, thanks again.
Hey!
You could reduce the thumbnail size for that on line 119 in the /enfold/functions.php file.
$avia_config['imgSize']['featured'] = array('width'=>1500, 'height'=>430 );After changing it you can regenerate your thumbnails with this plugin, http://wordpress.org/extend/plugins/regenerate-thumbnails/.
Best regards,
ElliottAn update in case it helps others…
I opted for two versions of the full-width easy slider – one slider with wide pics and longer captions for desktop view, and a second slider with square-ish pics and shorter captions for mobile view. I then used the css classes described here: http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/ to show and hide each slider in the appropriate view.
Works great! Thanks for all the suggestions – fantastic support.
- You must be logged in to reply to this topic.