The community member is having trouble making a Swiper library slider responsive. They have tried various approaches, such as wrapping the slider in a box and applying padding, but the slider either gets pushed off the screen or goes all the way to the edge. The community members have shared project links and discussed the issue, but there is no explicitly marked answer. The main points are:
- The slider works fine when first inserted on a blank page, but becomes unresponsive when placed in a container with padding.
- The community members have tried starting from a blank project, but the issue persists.
- One community member suggests the slider may not be made responsive out of the box and was only tested in one breakpoint.
- Another community member notes that the slider works well when using the one from the marketplace, implying the issue may be with the specific implementation.
- The community members recommend starting over from scratch if the issue persists, as they don't have time to debug the specific implementation.
- Eventually, a community member finds that the issue is resolved by not wrapping the slider in a box and instead applying the padding directly to the slider.
I did start from zero in th enew project but it is the same.. I wrapp the slider in a box and apply 5% or 50px padding on both sides and it gets pushed of the screen right away.. It works only if you dont wrap it. But then it goes all the way to the edge of the screen.
It is nothing that needs to be urgent. I am just learning and playing with it so if someone has the time to see how can it be done I would be greatfull.
looks like it needed a defined width on that box, because currently Content holds the fixed width prob there is a better way but I just did this quickly