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?
Solved
SP Page Builder
Different Image Ratio in Mobile View
Accepted answer
Marked as the solution
Rashida Rahman Staff
Hi 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,
3 more replies
Matthias Heymann Asked this
1 month ago
· edited
ok ... 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 Staff
Hi,
Glad to know that it is working now! 😊
You may accept the most useful answer to close the post.
Have a nice day!
Rashida Rahman Staff
Thanks for accepting the answer:)
Have a nice day!
Log in to reply.