jenga24 Posted March 11, 2021 Share Posted March 11, 2021 Site URL: https://www.jennyandstephenwed.com/ I've tried everything including this code, but can't find the image url to put in for each header image. I want the header / banner image to autofit the screen for each page. Can you help me with the code for desktop and mobile? #COLLECTIONID { #page .page-section:nth-of-type(1) { img { display: none; } .sqs-block-image img { display: block; } .section-background { background: url("IMAGEURL"); background-repeat: no-repeat; background-size: 100%; } } } Link to comment
tuanphan Posted March 12, 2021 Share Posted March 12, 2021 Try adding to Page Header <style> @media screen and (max-width:767px) { #page article section:first-child { min-height: 20vh !important; } } </style> 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
jenga24 Posted March 15, 2021 Author Share Posted March 15, 2021 Thank you. I tried to add it and it still isn't showing the city skyline in the banner photo. Is the code you provided in addition to the code I displayed below? #COLLECTIONID { #page .page-section:nth-of-type(1) { img { display: none; } .sqs-block-image img { display: block; } .section-background { background: url("IMAGEURL"); background-repeat: no-repeat; background-size: 100%; } } } Link to comment
jenga24 Posted March 15, 2021 Author Share Posted March 15, 2021 On 11/1/2019 at 6:21 AM, tuanphan said: You can target Page ID. See how to find page ID. ? Link to comment
tuanphan Posted March 28, 2021 Share Posted March 28, 2021 On 3/15/2021 at 11:22 AM, jenga24 said: Thank you. I tried to add it and it still isn't showing the city skyline in the banner photo. Is the code you provided in addition to the code I displayed below? #COLLECTIONID { #page .page-section:nth-of-type(1) { img { display: none; } .sqs-block-image img { display: block; } .section-background { background: url("IMAGEURL"); background-repeat: no-repeat; background-size: 100%; } } } Have you solved it yet? On 3/16/2021 at 6:20 AM, jenga24 said: ? I don't understand. What is it? 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
Houndie Posted March 30, 2021 Share Posted March 30, 2021 Hi there! My site is nearly 100% done but I'm having issues with how my banner image looks on the mobile site (very zoomed in, cuts a lot of the graphics out). I've been following the template I picked as I'm not very familiar with coding. Is there anything I can do to fix the width of the image for mobile viewing?? Please let me know! the website link is https://doggydogydogyall.squarespace.com (I'm changing the domain later) Thank you! Link to comment
tuanphan Posted April 10, 2021 Share Posted April 10, 2021 On 3/31/2021 at 12:44 AM, Houndie said: Hi there! My site is nearly 100% done but I'm having issues with how my banner image looks on the mobile site (very zoomed in, cuts a lot of the graphics out). I've been following the template I picked as I'm not very familiar with coding. Is there anything I can do to fix the width of the image for mobile viewing?? Please let me know! the website link is https://doggydogydogyall.squarespace.com (I'm changing the domain later) Thank you! It looks like you solved with this CSS/ @media screen and (max-width: 800px) { body.homepage article section:first-child { min-height:20vh !important; height: 35vh } } On this page, you haven't changed SEO Title, so the browser tab name still shows "About 3" https://doggydogydogyall.squarespace.com/about Similar on this page, "General 2" https://doggydogydogyall.squarespace.com/services and this page "FAQs 1" https://doggydogydogyall.squarespace.com/faqs-2 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
Recommended Posts
Archived
This topic is now archived and is closed to further replies.