Is that supposed to go in custom css? I have tried that and cleared the cache but no effect. Perhap's i'm doing something wrong.
I thought the idea of the theme is that it is supposed to be mobile friendly right away so I still do not understand why gallery images show wider than the width of the device they are being viewed on.
Either I am putting that code into the wrong spot or it is not doing a thing.
All I want is for the images in the gallery to also be responsive so that they fit when being viewed on the ipad. It makes me look sloppy when a client is trying to view my site on a mobile device and the gallery does not display properly.
Images for the fullscreen slider are displayed as background size cover. This means the image will fill the viewport keeping the aspect ratio. (if image is taller the height will be cropped or if image is wider the width will be cropped. Image will be centered) There is not a resolution that will fit perfectly because the viewport of each browser is not the same and the resolution of each monitor differs.
When I open a gallery on the ipad the photos are longer than the browser, often cutting off important parts of the image.
How can this be fixed please?
Hi, although the image is defined with width: 100% in style.css you can define specific witdths for media queries related with ipad.
div.mc-image{
width: ...
}
is the class
Thanks
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio
Is that supposed to go in custom css? I have tried that and cleared the cache but no effect. Perhap's i'm doing something wrong.
I thought the idea of the theme is that it is supposed to be mobile friendly right away so I still do not understand why gallery images show wider than the width of the device they are being viewed on.
Can I please get a reply.
Either I am putting that code into the wrong spot or it is not doing a thing.
All I want is for the images in the gallery to also be responsive so that they fit when being viewed on the ipad. It makes me look sloppy when a client is trying to view my site on a mobile device and the gallery does not display properly.
Images for the fullscreen slider are displayed as background size cover. This means the image will fill the viewport keeping the aspect ratio. (if image is taller the height will be cropped or if image is wider the width will be cropped. Image will be centered) There is not a resolution that will fit perfectly because the viewport of each browser is not the same and the resolution of each monitor differs.
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio