Trickpix Posted September 8 Share Posted September 8 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 Share Posted September 8 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 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) ✨ Spark Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
Trickpix Posted September 8 Author Share Posted September 8 Here you go! https://www.alexturner.com/ Link to comment
Ziggy Posted September 8 Share Posted September 8 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 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) ✨ Spark Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
Trickpix Posted September 8 Author Share Posted September 8 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 Solution Share Posted September 8 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 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) ✨ Spark Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
Trickpix Posted September 8 Author Share Posted September 8 Thank you very much @Ziggy! Just saved me a lot of time! Link to comment
Ziggy Posted September 8 Share Posted September 8 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 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) ✨ Spark Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
Trickpix Posted September 8 Author Share Posted September 8 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 Share Posted September 8 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 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) ✨ Spark Plugin (Referral link) ☕ Did I help? Buy me a coffee? 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