kxe4 Posted March 29, 2022 Share Posted March 29, 2022 Site URL: https://www.kennedyenglert.com/work/majorarcana Hi, I've tried custom css I found online but it's having no effect. I just want images to be full width in mobile view, not bleeding off the sides. Example of the problem: https://www.kennedyenglert.com/work/majorarcana Link to comment
tuanphan Posted March 29, 2022 Share Posted March 29, 2022 You mean 4 images on that page? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
kxe4 Posted March 29, 2022 Author Share Posted March 29, 2022 Yes, that page and the other project pages. They look fine on desktop, but on mobile they become huge and bleed off the edge Link to comment
kxe4 Posted March 29, 2022 Author Share Posted March 29, 2022 I'm probably doing something dumb. This is the contrast between desktop and mobile. Like so: Link to comment
tuanphan Posted March 30, 2022 Share Posted March 30, 2022 On 3/29/2022 at 8:53 AM, kxe4 said: Site URL: https://www.kennedyenglert.com/work/majorarcana Hi, I've tried custom css I found online but it's having no effect. I just want images to be full width in mobile view, not bleeding off the sides. Example of the problem: https://www.kennedyenglert.com/work/majorarcana Can you check url? It doesn't exist now Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
kxe4 Posted March 30, 2022 Author Share Posted March 30, 2022 @tuanphan Sorry, I changed it https://www.kennedyenglert.com/portfolio/majorarcana Link to comment
kxe4 Posted March 30, 2022 Author Share Posted March 30, 2022 @tuanphan I fixed it on this page by adding this CSS, but I have to go through and copy the id for every section. Is this the best way to do it?? [data-section-id="62411d299b30c457a5ac3486"], [data-section-id="62411d90d6bde96775ee905f"], [data-section-id="62411db001c1c42964763595"], [data-section-id="6241233f6fbee26c89416920"], [data-section-id="62412456b4bd35212cb70719"], [data-section-id="62412598d6bde96775ef16f0"], { min-height:clamp(0px, 56.25vw, 100vh) !important; } Link to comment
tuanphan Posted April 1, 2022 Share Posted April 1, 2022 On 3/30/2022 at 9:47 PM, kxe4 said: @tuanphan I fixed it on this page by adding this CSS, but I have to go through and copy the id for every section. Is this the best way to do it?? [data-section-id="62411d299b30c457a5ac3486"], [data-section-id="62411d90d6bde96775ee905f"], [data-section-id="62411db001c1c42964763595"], [data-section-id="6241233f6fbee26c89416920"], [data-section-id="62412456b4bd35212cb70719"], [data-section-id="62412598d6bde96775ef16f0"], { min-height:clamp(0px, 56.25vw, 100vh) !important; } Yes. It is only way Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care 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