nw7063 Posted November 26, 2021 Share Posted November 26, 2021 Site URL: https://www.soulfruit.co.uk/ Hi! is there custom code that we can use so that our banner images on the top of each page don't resize when going into mobile? Thank you! Link to comment
Beyondspace Posted November 26, 2021 Share Posted November 26, 2021 50 minutes ago, nw7063 said: Site URL: https://www.soulfruit.co.uk/ Hi! is there custom code that we can use so that our banner images on the top of each page don't resize when going into mobile? Thank you! Is it the result you want to achieve? Due to the limited space for heading of banner in mobile, can we just hide it? nw7063 1 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
nw7063 Posted November 26, 2021 Author Share Posted November 26, 2021 Hi! Yes! Although ideally a little more space at the top for the logo? Thank you so muhc Link to comment
Beyondspace Posted November 26, 2021 Share Posted November 26, 2021 8 minutes ago, nw7063 said: Hi! Yes! Although ideally a little more space at the top for the logo? Thank you so muhc You can try adding to Home > Design > Custom Css @media only screen and (max-width: 767px) { section[data-section-id="607e7dea4ff0a43308d8722f"] img { height: auto !important; } section[data-section-id="607e7dea4ff0a43308d8722f"] .content-wrapper { display: none; } } Let me know how it works on your site Kindly describe more detail about your next point of adding more space for logo. Can you share a screenshot of what you intend to? nw7063 1 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
nw7063 Posted November 26, 2021 Author Share Posted November 26, 2021 Will this code keep the same size of all banners for each page when coverting mobile view? We will be changing all banner images so that the text is already in the image. We want the logo on the mobile view to stay at the top centre of the image and not be placed over the image so you can't see it. I've attached an example of a banner we are going to upload. Thanks so much! Link to comment
nw7063 Posted November 26, 2021 Author Share Posted November 26, 2021 The code worked for the homepage - can you help me with all the other pages. If we could keep the image height too / so that the logo doesn't overlap with the image? Thank you so much! Link to comment
Beyondspace Posted November 26, 2021 Share Posted November 26, 2021 3 hours ago, nw7063 said: The code worked for the homepage - can you help me with all the other pages. If we could keep the image height too / so that the logo doesn't overlap with the image? Thank you so much! Is it what you intend to implement? nw7063 1 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
nw7063 Posted November 27, 2021 Author Share Posted November 27, 2021 Yes this is better - but now there is a little bit too much space - so sorry! Ideally the Soul Fruit Logo would be in the top third of the image - for all of the banners / pages . Is this possible? Thank you so so much! 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