if there is hover image on pdp then responsive are not worked on mobile view.
exam url)
how to fix it?
If you want to adjust the size of an image with the “inner_sp” class for mobile devices, you can use CSS media queries to target specific screen sizes and adjust the image size accordingly.
Here’s an example code snippet that you could use to adjust the size of an image with the “inner_sp” class for mobile devices:
/* Set the default size of the image */ .inner_sp img { width: 100%; } /* Adjust the size of the image for screens that are less than or equal to 768 pixels wide (e.g. mobile devices) */ @media (max-width: 768px) { .inner_sp img { width: 50%; /* adjust this value to the desired size */ } }
This code sets the default width of the image to 100% of its container, and then uses a media query to adjust the width to 50% for screens that are less than or equal to 768 pixels wide (i.e. mobile devices). You can adjust the width value as needed to achieve the desired image size for mobile devices.
