Hi, I’ve been browsing through the forum to find an answer to the issue im experiencing, unfortunately I have not yet found any working solution.
The issue is that the Fullwidth Easy Slider narrows the images when viewed on mobile devices. I want to know if there is a CSS code where I can disable the images from getting narrowed on small screen sizes and become centred. I would really appreciate your help. The URL to the web site is available in the Private Content section.
Many thanks :)
I have the same question!
Hi,
Some loss of image data is more or less unavoidable on smaller screens unfortunately. I had a look at your site but I can’t see any real problems with it though, could you try to explain what you are looking to achieve a bit further maybe? A screenshot highlighting the issue might help us understand better as well.
Best regards,
Rikard
Hi,
I have attached a screenshot to this reply. As you can see the images have been squeezed to fit within the mobile portrait frame. I want to see if there is a work around for this? I’m also working with another theme which provides an option to upload portrait oriented pictures for these types of cases.
Kindly let me know if I can do anything different to resolve this. Thank you
Hi,
use this code inside of Quick CSS field to control your image size on mobile:
@media only screen and (max-width: 767px) {
#full_slider_1 .avia-slideshow-inner, #full_slider_1 img {
height: 300px !important;
width: 120%;
left: -30%;
}}
and adjust as needed.
Best regards,
Andy
Thank you it worked perfectly many thanks!!!
Hi,
Great, glad we could help :-)
Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
Hi Rikard, you can go ahead and close this thread as it resolved my issue.
Thank you again :)