medaquest Posted April 20, 2020 Share Posted April 20, 2020 Site URL: http://www.medabright.com hi there, im trying to find a way for my background picture on the home page of my website to not get cropped on the mobile version. its perfect on a desktop but im struggling to fix the size on modile. is there a code i can use? my website is http://www.medabright.com the image below is the desktop view and the one below is what it looks like on mobile please help! Link to comment
tuanphan Posted April 21, 2020 Share Posted April 21, 2020 Add to Home > Design > Custom CSS @media screen and (max-width:767px) { [data-section-id="5e9e1237d6ba4d4117d95d9a"] { min-height: 40vh !important; } } wearequbit 1 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
JNols Posted June 15, 2020 Share Posted June 15, 2020 On 4/21/2020 at 9:01 AM, tuanphan said: Add to Home > Design > Custom CSS @media screen and (max-width:767px) { [data-section-id="5e9e1237d6ba4d4117d95d9a"] { min-height: 40vh !important; } } Hi Tuan, I've seen several of your posts on here about full-bleed mobile responsiveness and none of the codes you provide are working for me. Can you help me out? https://gazelle-mushroom-n6z7.squarespace.com/ pw: mannequins What We Do>Mannequins>Click on one of the collection images to take to page. Link to comment
laurasharp Posted June 16, 2020 Share Posted June 16, 2020 Hi @tuanphan. I am working on https://www.flygeorge.com/about-us (PW: FlyGeorge20!) and am attempting to resize the background (the one with 3 hand-drawn illustrations) for mobile viewing. Can you please help? Here is the desktop view: And the mobile view: Link to comment
tuanphan Posted June 16, 2020 Share Posted June 16, 2020 5 hours ago, JNols said: Hi Tuan, I've seen several of your posts on here about full-bleed mobile responsiveness and none of the codes you provide are working for me. Can you help me out? https://gazelle-mushroom-n6z7.squarespace.com/ pw: mannequins What We Do>Mannequins>Click on one of the collection images to take to page. Add to Page Settings > Advanced > Header <style> @media screen and (max-width:767px) { #page section:first-child { min-height: unset; height: 25vh !important; } } </style> JNols 1 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
HarKS Posted October 28, 2020 Share Posted October 28, 2020 Hi Tuan, I tried your coding to fit my issue: Quote @media screen and (max-width:767px) { [data-section-id="5f95e4dc3867be310249b267"] { min-height: 90vh !important; padding:40px } } However, I would still like my image to fit the container it is in. It seems it is extending beyond the screen which does not look on brand. Any advice? Link to comment
joeystephensmusic Posted October 19, 2021 Share Posted October 19, 2021 @tuanphan would you be able to take a look at my website. Both the desktop AND mobile background image are now off. This happened after I added the 2 buttons above that background image. Any css to help with this? Thanks! www.joeystephensmusic.com Link to comment
tuanphan Posted October 20, 2021 Share Posted October 20, 2021 On 10/19/2021 at 9:24 AM, joeystephensmusic said: @tuanphan would you be able to take a look at my website. Both the desktop AND mobile background image are now off. This happened after I added the 2 buttons above that background image. Any css to help with this? Thanks! www.joeystephensmusic.com Hi, Can you explain in detail? 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
joeystephensmusic Posted October 21, 2021 Share Posted October 21, 2021 (edited) @tuanphan I managed to fix the spacing on the desktop version. Mobile version has too much blue above the Joey Stephens Music signature. Ideas? Edited October 21, 2021 by joeystephensmusic Link to comment
tuanphan Posted October 25, 2021 Share Posted October 25, 2021 On 10/22/2021 at 12:58 AM, joeystephensmusic said: @tuanphan I managed to fix the spacing on the desktop version. Mobile version has too much blue above the Joey Stephens Music signature. Ideas? Add to Design > Custom CSS /* Mobile-Blue space above signature */ @media screen and (max-width:767px) { [data-section-id="5fa9c472066f8a0264cd50a2"] { min-height: 25vh !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
jkt Posted January 29 Share Posted January 29 Hi @tuanphan. I am working on https://j123.squarespace.com/config/ and am attempting to resize the background for mobile viewing. Can you please help? Link to comment
tuanphan Posted February 2 Share Posted February 2 On 1/29/2023 at 5:00 PM, jkt said: Hi @tuanphan. I am working on https://j123.squarespace.com/config/ and am attempting to resize the background for mobile viewing. Can you please help? You can add this to Design > Custom CSS @media screen and (max-width:767px) { [data-section-id="62a96949ad3fbe34e1dacadd"] .section-border img { object-fit: contain !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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment