yaitssmitty Posted November 13, 2020 Share Posted November 13, 2020 Site URL: http://www.harperhomesinc.ca/22-clarke-st-n-clifford-ontario I'm having difficulty adjusting the image at the top of the website when viewed on mobile. Any help or direction would be greatly appreciated Beyondspace 1 Link to comment
Beyondspace Posted November 13, 2020 Share Posted November 13, 2020 I think you can place with min-height attribute of the section, I used Chrome Find Squarespace Ids to get the section id @media only screen and (max-width: 600px) { section[data-section-id="5fa42e7300c2ee4d97e45bf4"] { min-height: 50vh !important; } } Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio pluginIf you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you Link to comment
yaitssmitty Posted November 13, 2020 Author Share Posted November 13, 2020 Amazing! Thanks so much Is it possible to keep the image full width and behind the nav menu? Beyondspace 1 Link to comment
Beyondspace Posted November 14, 2020 Share Posted November 14, 2020 @media only screen and (max-width: 600px) { body[data-menu-overlay-theme-switcher="true"]:not(.header--menu-open) .burger-inner .top-bun, body[data-menu-overlay-theme-switcher="true"]:not(.header--menu-open) .burger-inner .patty, body[data-menu-overlay-theme-switcher="true"]:not(.header--menu-open) .burger-inner .bottom-bun { background: #fff; height: 3px; } section[data-section-id="5fa42e7300c2ee4d97e45bf4"] { min-height: 50vh !important; padding-top: 0 !important; } section[data-section-id="5fa42e7300c2ee4d97e45bf4"] .section-background { top: 0 !important; left: 0 !important; bottom: 0 !important; right: 0 !important; } } Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio pluginIf you find my answer fit your need, 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