Different Image Ratio In Mobile View
Matthias Heymann
Hi all, I'm using the image carousel in my header section. I'm fine in desktop view, but in mobile images seem to be "streched" to a different ratio. There are different settings for the section and the addon. How can I manage to have the same ratio in all views?
Rashida Rahman
Accepted AnswerHi there!
Thanks for providing the admin access.
I checked the Image Carousel settings on your site and noticed that a fixed value is set in the Height field. This can cause the images to be resized differently on smaller screens and may result in the stretched appearance you're seeing on mobile.
I would recommend leaving the Height field empty so the images can maintain their natural aspect ratio.
Please check the carousel again on both desktop and mobile after making this change. If the issue still occurs, please let us know and we'll investigate the responsive styling further.
Best regards,
Matthias Heymann
Accepted Answerok ... I tried to limit the height of the section, otherwise this section is too high. Actually this doesn't work either. Now is cleared the section height option, saved, cleared joomla and browser cache, but I don't see any change. The mobile pictures are still a different ratio. Sorry, I have to correct myself. This seems to be a Firefox problem, when I simulate a mobile screen. In a real mobile view on my smartphone, it works.
Rashida Rahman
Accepted AnswerHi,
Glad to know that it is working now! 😊
You may accept the most useful answer to close the post.
Have a nice day!