michaelpga Posted January 23, 2022 Share Posted January 23, 2022 Site URL: https://www.nourish.melbourne Hello, I am having problems with the resizing of the logo images that I've used on all page banners when viewing on the mobile. I would like these images to stay relative to the text in the same proportion as the desktop site. Please see screenshots attached. Thank you kindly Link to comment
tuanphan Posted January 24, 2022 Share Posted January 24, 2022 Which page in screenshot? 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
michaelpga Posted January 25, 2022 Author Share Posted January 25, 2022 Every page on the website (besides the 'Become a Member' page) is experiencing the same issue - you will see in each header banner, this logo appears too large on the mobile device - thank you for your assistance! Link to comment
tuanphan Posted January 26, 2022 Share Posted January 26, 2022 (edited) Edit page where you have problem >> Add a Code Block (anywhere) >> Paste this code <style> @media screen and (max-width:767px) { div#block-yui_3_17_2_1_1639369967627_2711 { width: 30%; margin: 0 auto; } } </style> div#block....2711 is Image block id. Find id with this tool https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff?hl=en Edited January 26, 2022 by tuanphan 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
michaelpga Posted January 27, 2022 Author Share Posted January 27, 2022 19 hours ago, tuanphan said: Edit page where you have problem >> Add a Code Block (anywhere) >> Paste this code <style> @media screen and (max-width:767px) { div#block-yui_3_17_2_1_1639369967627_2711 { width: 30%; margin: 0 auto; } } </style> div#block....2711 is Image block id. Find id with this tool https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff?hl=en Hello, Adding a code block to the page did not seem to work - take a look at the screenshots, the logo file is still much too large on the mobile site Link to comment
Solution tuanphan Posted January 27, 2022 Solution Share Posted January 27, 2022 Above code for Events Page. With other page, replace with new block id. use above code to find block id. 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
michaelpga Posted January 28, 2022 Author Share Posted January 28, 2022 21 hours ago, tuanphan said: Above code for Events Page. With other page, replace with new block id. use above code to find block id. Thank you so much - this worked perfectly! 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