Is there a way (e.g. maybe via CSS?) to force the Carousel to display images using the full-width of the screen on mobile/iPhones?
Currently, the carousel uses part of the mobile screen width to show a portion of the adjacent left/right images plus the left/right navigation arrows, leaving the main image displayed in the center to be smaller than the full width of the screen. Would be nice to allocate the entire available screen width to the main image to maximize visibility on mobile devices.
For an example of how carousel currently displays images at less than full screen width on mobile (with portions of adjacent images), see this link on your phone:
Might there be an easy adjustment to achieve this?
Thanks in advance.