GregR Posted December 5, 2023 Share Posted December 5, 2023 Hi, I'm running off of the Henson template. I've noticed that the featured image that hovers for each page section gets cropped or cut off awkwardly when viewing in mobile. Does anyone know a code or solve to have the featured page image scaled down when viewed on a mobile device? See screenshot example below Thank you! Greg Link to comment
tuanphan Posted December 7, 2023 Share Posted December 7, 2023 Hi, Can you share link to this page? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
GregR Posted December 7, 2023 Author Share Posted December 7, 2023 Hi, Yes, an example is https://www.gregoryreidphoto.com/ if you hover over "accessories" Thank you! Greg Link to comment
tuanphan Posted December 9, 2023 Share Posted December 9, 2023 Try this code to Website Tools (under Not Linked) > Custom CSS @media screen and (max-width:767px) { [data-url-id="accessories"] img { width: 100% !important; height: auto !important; left: 0 !important; top: 0 !Important; opacity: 1 !important; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
GregR Posted December 12, 2023 Author Share Posted December 12, 2023 Hmmm it didnt seem to work Link to comment
tuanphan Posted December 14, 2023 Share Posted December 14, 2023 Can you keep code in CSS box? I can check it again easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
GregR Posted December 14, 2023 Author Share Posted December 14, 2023 Sure! Just put it back in. Thank you! Link to comment
tuanphan Posted December 16, 2023 Share Posted December 16, 2023 It looks fullsize to me Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
GregR Posted December 18, 2023 Author Share Posted December 18, 2023 You're correct! that is the size it should be. For some reason it is showing that image when you first enter the site and across other pages as well. But then all other images that should be shown in hover do not resize. See a few screenshots of the site attached as I let it cycle through. Link to comment
GregR Posted December 27, 2023 Author Share Posted December 27, 2023 Anyone have any luck? Link to comment
GregR Posted January 4 Author Share Posted January 4 Hi TuanPhan, Happy New Year! Any luck on this? Thank you, Greg Link to comment
tuanphan Posted January 8 Share Posted January 8 Missed your notification, I will check it now Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
tuanphan Posted January 10 Share Posted January 10 Did you fix it? I checked on some phones & all are fine Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
GregR Posted January 10 Author Share Posted January 10 I was able to fix it, thank you! Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment