abigail75 Posted December 29, 2021 Share Posted December 29, 2021 Site URL: https://www.abigailsteedphotography.com/ I cannot seem to get my mobile banner images to look the same as they do on the desktop version. I've tried this custom css: /* resize home banner */ @media screen and (max-width:767px) { body.homepage #page section:first-child { min-height: 10vh !important; height: 40vh; } body.homepage #page section:first-child * { font-size: 20px; } } that I found on here but it's not resolving the issue. Can anyone help please before I lose my mind! Thank you. Link to comment
Beyondspace Posted December 30, 2021 Share Posted December 30, 2021 14 hours ago, abigail75 said: Site URL: https://www.abigailsteedphotography.com/ I cannot seem to get my mobile banner images to look the same as they do on the desktop version. I've tried this custom css: /* resize home banner */ @media screen and (max-width:767px) { body.homepage #page section:first-child { min-height: 10vh !important; height: 40vh; } body.homepage #page section:first-child * { font-size: 20px; } } that I found on here but it's not resolving the issue. Can anyone help please before I lose my mind! Thank you. Do you mean this image? You want the title just like on desktop, don't you? BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. 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