Trickpix Posted September 8, 2023 Share Posted September 8, 2023 Trying to make my site title larger on my squarepace 7.0 template. I'm using an image as the site title but max width is 300px. This is probable very simple but I'm new to the revised interface and my FAAFO method is not working for me this time! Link to comment
Ziggy Posted September 8, 2023 Share Posted September 8, 2023 Can you share your website URL? Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com Hire me on Upwork! 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲 SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️ Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
Trickpix Posted September 8, 2023 Author Share Posted September 8, 2023 Here you go! https://www.alexturner.com/ Link to comment
Ziggy Posted September 8, 2023 Share Posted September 8, 2023 Try adding this to Custom CSS: #logoImage img { width: 500px; max-width: 500px; } #header #logoWrapper, #header #logoImage { width: 500px; } Trickpix 1 Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com Hire me on Upwork! 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲 SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️ Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
Trickpix Posted September 8, 2023 Author Share Posted September 8, 2023 Thank you so much! This works perfectly for desktop but not changing size on mobile for some reason. Do you know if there is something else I could try or perhaps just disable the mobile layout? Ziggy 1 Link to comment
Solution Ziggy Posted September 8, 2023 Solution Share Posted September 8, 2023 You should be able to adjust that bigger on mobile in the header -> Logo settings, but if that doesn't get it big enough then you can use this Custom CSS: @media only screen and (max-width: 767px) { #header #logoWrapper #logoImage img, #header #siteTitleWrapper #logoImage img { max-height: 100px !important; } } Trickpix 1 Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com Hire me on Upwork! 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲 SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️ Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
Trickpix Posted September 8, 2023 Author Share Posted September 8, 2023 Thank you very much @Ziggy! Just saved me a lot of time! Link to comment
Ziggy Posted September 8, 2023 Share Posted September 8, 2023 Just now, Trickpix said: Thank you very much @Ziggy! Just saved me a lot of time! Happy to help. Thanks for marking my post as the solution, if you can give it a like too that's always appreciated! Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com Hire me on Upwork! 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲 SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️ Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
Trickpix Posted September 8, 2023 Author Share Posted September 8, 2023 Last question! The mobile site and desktop are now displaying the properly sized title but changes haven't carried over to tablet view. Is there another bit of code to use for tablets as well? Link to comment
Ziggy Posted September 8, 2023 Share Posted September 8, 2023 On the last piece of code change the max-width value from 767px to 900px. Trickpix 1 Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com Hire me on Upwork! 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲 SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️ Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
pantano3 Posted June 20 Share Posted June 20 Hi, I could use some help. I'm having the same problem, but this code didn't work. url is thebakergrp.com #logoImage img { width: 880px; max-width: 880px; } #header #logoWrapper, #header #logoImage { width: 880px; } Link to comment
pantano3 Posted June 20 Share Posted June 20 Just now, pantano3 said: Hi, I could use some help. I'm having the same problem, but this code didn't work. url is thebakergrp.com #logoImage img { width: 880px; max-width: 880px; } #header #logoWrapper, #header #logoImage { width: 880px; } I used to have this code in there which was great, but it has stopped working .Header-branding-logo { max-width: 880px; } .Mobile-bar-branding-logo { width: 23%; } Link to comment
tuanphan Posted June 22 Share Posted June 22 On 6/20/2024 at 9:59 PM, pantano3 said: I used to have this code in there which was great, but it has stopped working .Header-branding-logo { max-width: 880px; } .Mobile-bar-branding-logo { width: 23%; } I see you solved with this code? .Header-branding-logo { max-width: 85%; width: 55vw !important; } 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