mars2 Posted November 17, 2020 Share Posted November 17, 2020 Site URL: https://cornet-iris-bgm9.squarespace.com/ password: 222 Hello! I have been editing my current website when I realized switching to 7.1 might be something to look into. In 7.0, I was able to make my logo on the mobile version quite large. I was wondering if it is possible to make the mobile logos larger than the 150px in version 7.1 too! I've attached screenshots of my current website and the max it allows me in the 7.1 version. Thanks so much for your time! Beyondspace 1 Link to comment
Beyondspace Posted November 17, 2020 Share Posted November 17, 2020 It can be done with custom css @media screen and (max-width: 767px) { .header-title-logo img { max-height: 250px; } } Pixeltender 1 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox, video lightbox and much more) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace (+100 Spark plugin customisations) 🥳 Freemium Squarespace Widget Templates (+1000 Elfsight 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
mars2 Posted November 17, 2020 Author Share Posted November 17, 2020 8 hours ago, bangank36 said: It can be done with custom css @media screen and (max-width: 767px) { .header-title-logo img { max-height: 250px; } } HI there! This didn't seem to change the mobile version. Is there anything else I can try? Thanks for your help! Beyondspace 1 Link to comment
Beyondspace Posted November 18, 2020 Share Posted November 18, 2020 2 hours ago, ana3000 said: HI there! This didn't seem to change the mobile version. Is there anything else I can try? Thanks for your help! Where did you add the code, you need to place in Design/Custom Css section on your page BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox, video lightbox and much more) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace (+100 Spark plugin customisations) 🥳 Freemium Squarespace Widget Templates (+1000 Elfsight 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
mars2 Posted November 18, 2020 Author Share Posted November 18, 2020 6 minutes ago, bangank36 said: Where did you add the code, you need to place in Design/Custom Css section on your page Yes, I pasted it into the Custom CSS! It didn't change the mobile version. I am also trying to enlarge my site navigation text, but when I do this from the Font Editor it only applies to thr desktop version after a certain number. Could it be that squarespace has a maximum size for 7.1? Link to comment
Beyondspace Posted November 18, 2020 Share Posted November 18, 2020 4 minutes ago, ana3000 said: Yes, I pasted it into the Custom CSS! It didn't change the mobile version. I am also trying to enlarge my site navigation text, but when I do this from the Font Editor it only applies to thr desktop version after a certain number. Could it be that squarespace has a maximum size for 7.1? I did not see the code in your custom css, please add it there and keep it so I can check BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox, video lightbox and much more) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace (+100 Spark plugin customisations) 🥳 Freemium Squarespace Widget Templates (+1000 Elfsight 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
mars2 Posted November 18, 2020 Author Share Posted November 18, 2020 5 minutes ago, bangank36 said: I did not see the code in your custom css, please add it there and keep it so I can check Added! Thanks for checking for me! Beyondspace 1 Link to comment
IMO Posted April 14, 2021 Share Posted April 14, 2021 On 11/17/2020 at 8:41 PM, bangank36 said: It can be done with custom css @media screen and (max-width: 767px) { .header-title-logo img { max-height: 250px; } } Applied this in Custom CSS but no effect as well. It's the only code in Custom CSS at the moment, nothing else. What seems to be the issue? Thank you! Link to comment
tuanphan Posted April 14, 2021 Share Posted April 14, 2021 @IMO Can you share link to your site? We can take a look 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
KG_LDG Posted August 8, 2023 Share Posted August 8, 2023 Hi! I'm using my standard logo on my homepage (in white) and have a custom logo (in blue) on various pages throughout my site. The Custom Blue version is coming through too large. Can someone help me code this, specifically for mobile? See screenshots! Thank you! Link to comment
tuanphan Posted August 10, 2023 Share Posted August 10, 2023 On 8/9/2023 at 1:33 AM, KG_LDG said: Hi! I'm using my standard logo on my homepage (in white) and have a custom logo (in blue) on various pages throughout my site. The Custom Blue version is coming through too large. Can someone help me code this, specifically for mobile? See screenshots! Thank you! Add this to Design > Custom CSS or Website > Website Tools > Custom CSS to resize image on mobile @media screen and (max-width:767px) { header#header img { max-width: 30px !important; max-height: 30px !important; } } If it doesn't work, please share link to your site 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
KG_LDG Posted August 10, 2023 Share Posted August 10, 2023 3 hours ago, tuanphan said: Add this to Design > Custom CSS or Website > Website Tools > Custom CSS to resize image on mobile @media screen and (max-width:767px) { header#header img { max-width: 30px !important; max-height: 30px !important; } } If it doesn't work, please share link to your site That did not work - https://fuchsia-lynx-m5fs.squarespace.com/ pass: laguardia Link to comment
tuanphan Posted August 12, 2023 Share Posted August 12, 2023 On 8/10/2023 at 9:42 PM, KG_LDG said: That did not work - https://fuchsia-lynx-m5fs.squarespace.com/ pass: laguardia I see the code worked. You can check on live mode or incognito window (don't login) 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
Create an account or sign in to comment
You need to be a member in order to leave a comment