karleidei Posted March 21, 2022 Share Posted March 21, 2022 Site URL: https://tangerine-corn-2ryp.squarespace.com/ I am trying to move the main homepage background image to the left for mobile to show the trees in the foreground Link to comment
tuanphan Posted March 22, 2022 Share Posted March 22, 2022 Try adding to Design > Custom CSS /* Resize background image effect */ @media screen and (max-width:767px) { [data-section-id="61afd9d743b9fe4e280da8f7"] .section-background-content { z-index: 999; position: relative !important; } [data-section-id="61afd9d743b9fe4e280da8f7"] .section-background-canvas { visibility: hidden; } [data-section-id="61afd9d743b9fe4e280da8f7"] img { visibility: visible !important; height: auto !important; } [data-section-id="61afd9d743b9fe4e280da8f7"] { min-height: unset !important; height: 30vh !important; }} 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
karleidei Posted March 22, 2022 Author Share Posted March 22, 2022 Thank you tuanphan! That is so close. Much closer than I got yesterday. I had to adjust the height from 30vh to like 60vh, however, I'm having an issue where it either overlaps or I get a gap where it shows the red color underneath. I can remove the z-index so that the image does not overlap the text when scaling screen size, but can't figure out a way to fix that red gap. Any ideas? Link to comment
tuanphan Posted March 24, 2022 Share Posted March 24, 2022 On 3/23/2022 at 1:07 AM, karleidei said: Thank you tuanphan! That is so close. Much closer than I got yesterday. I had to adjust the height from 30vh to like 60vh, however, I'm having an issue where it either overlaps or I get a gap where it shows the red color underneath. I can remove the z-index so that the image does not overlap the text when scaling screen size, but can't figure out a way to fix that red gap. Any ideas? Hi. No red here. Did you solve? If no, which device/browser do you use? 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
karleidei Posted March 24, 2022 Author Share Posted March 24, 2022 (edited) Thank you tuanphan! I am using Chrome. I spent some time this morning adjusting things and was able to cover up the red, just had to get creative and add parameters for tablet in addition to mobile and I think it is good to go now. I really appreciate your help! Edited March 24, 2022 by karleidei tuanphan 1 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