Felix-FfFrichlkofen Posted October 29, 2023 Share Posted October 29, 2023 I have tried to write my own code and tested some of the solutions posted here, but I didn´t find a solution. My Website is www.feuerwehr-frichlkofen.de and the password is "WebFF23". Can anyone help me with this? Link to comment
melody495 Posted October 29, 2023 Share Posted October 29, 2023 52 minutes ago, Felix-FfFrichlkofen said: I have tried to write my own code and tested some of the solutions posted here, but I didn´t find a solution. My Website is www.feuerwehr-frichlkofen.de and the password is "WebFF23". Can anyone help me with this? Hi, what do you want to do exactly? Increase the logo size on the mobile menu? To how big? or something else? -------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification Melody | Squarespace Nerd e: melody@melodylee.tech 💻 💁♀️ 1-2-1 Squarespace Training session <- feeling stuck and want to learn? 👩💻 💁♀️ Website help <- send me your to-do list. From code to plugin to domain setup. 🧰 See the tools I use (contain affiliate links) ☕ Did I help? I like coffee (Thank you) Link to comment
Felix-FfFrichlkofen Posted November 10, 2023 Share Posted November 10, 2023 (edited) On 10/29/2023 at 1:50 PM, melody495 said: Hi, what do you want to do exactly? Increase the logo size on the mobile menu? To how big? or something else? Yes, I want to make the mobile logo bigger. I do not know how big yet. I need to try what the ideal size is. Edit: Sorry for the late Reply Edited November 10, 2023 by Felix-FfFrichlkofen Link to comment
melody495 Posted November 11, 2023 Share Posted November 11, 2023 Hi, you can try the below. Put it in Custom CSS. .header .header-title--use-mobile-logo .header-mobile-logo img { max-height: 50px; /* change number to increase/reduce logo size */ } Let me know how it goes. -------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification Melody | Squarespace Nerd e: melody@melodylee.tech 💻 💁♀️ 1-2-1 Squarespace Training session <- feeling stuck and want to learn? 👩💻 💁♀️ Website help <- send me your to-do list. From code to plugin to domain setup. 🧰 See the tools I use (contain affiliate links) ☕ Did I help? I like coffee (Thank you) Link to comment
Felix-FfFrichlkofen Posted December 2, 2023 Share Posted December 2, 2023 On 11/11/2023 at 9:24 PM, melody495 said: Hi, you can try the below. Put it in Custom CSS. .header .header-title--use-mobile-logo .header-mobile-logo img { max-height: 50px; /* change number to increase/reduce logo size */ } Let me know how it goes. This works pretty good. The only issue im having is that the logo is not centred when made bigger. Do you have a solution for that? Link to comment
tuanphan Posted December 4, 2023 Share Posted December 4, 2023 On 12/3/2023 at 3:48 AM, Felix-FfFrichlkofen said: This works pretty good. The only issue im having is that the logo is not centred when made bigger. Do you have a solution for that? Try this .header .header-title--use-mobile-logo .header-mobile-logo img { max-height: 50px; /* change number to increase/reduce logo size */ margin: 0 auto !important; } .header .header-title--use-mobile-logo .header-mobile-logo { text-align: center !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
jansonbrock Posted December 6, 2023 Share Posted December 6, 2023 (edited) To enlarge the mobile header logo, add the following code in Home > Design > Custom CSS: .Mobile-bar-branding-logo { width: 250px !important; } Edited December 11, 2023 by jansonbrock Link to comment
Felix-FfFrichlkofen Posted December 9, 2023 Share Posted December 9, 2023 On 12/4/2023 at 4:05 AM, tuanphan said: Try this .header .header-title--use-mobile-logo .header-mobile-logo img { max-height: 50px; /* change number to increase/reduce logo size */ margin: 0 auto !important; } .header .header-title--use-mobile-logo .header-mobile-logo { text-align: center !important; } Sadly doesnt work. You probably misunderstood me: It is not centred on the y axis, it is centred on the x axis. Link to comment
Felix-FfFrichlkofen Posted December 9, 2023 Share Posted December 9, 2023 On 12/6/2023 at 5:08 PM, jansonbrock said: To enlarge the mobile header logo, add the following code in Home > Design > Custom CSS: .Mobile-bar-branding-logo { width: 250px !important; } This doesn`t work for me. Link to comment
melody495 Posted December 9, 2023 Share Posted December 9, 2023 28 minutes ago, Felix-FfFrichlkofen said: Sadly doesnt work. You probably misunderstood me: It is not centred on the y axis, it is centred on the x axis. Can't check until I'm back at the desk, but it's probably currently centered from left to right of screen, but are you looking to center from left of screen to left of the burger menu? -------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification Melody | Squarespace Nerd e: melody@melodylee.tech 💻 💁♀️ 1-2-1 Squarespace Training session <- feeling stuck and want to learn? 👩💻 💁♀️ Website help <- send me your to-do list. From code to plugin to domain setup. 🧰 See the tools I use (contain affiliate links) ☕ Did I help? I like coffee (Thank you) Link to comment
jen900 Posted December 13, 2023 Share Posted December 13, 2023 On 12/3/2023 at 7:05 PM, tuanphan said: Try this .header .header-title--use-mobile-logo .header-mobile-logo img { max-height: 50px; /* change number to increase/reduce logo size */ margin: 0 auto !important; } .header .header-title--use-mobile-logo .header-mobile-logo { text-align: center !important; } I've tried using some of these, and they didn't work. Can you take a look at mine and see what I should do? Much obliged! galvanpsychology.com Link to comment
tuanphan Posted December 15, 2023 Share Posted December 15, 2023 On 12/14/2023 at 5:58 AM, jen900 said: I've tried using some of these, and they didn't work. Can you take a look at mine and see what I should do? Much obliged! galvanpsychology.com Your mobile logo needs this code img.Mobile-bar-branding-logo { width: 150px !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
jen900 Posted January 9 Share Posted January 9 On 12/15/2023 at 3:24 AM, tuanphan said: Your mobile logo needs this code img.Mobile-bar-branding-logo { width: 150px !important; } thank you so much! sorry to bother you, i went through your links on custom css injection and i just don't understand exactly how to do it. do i just copy and paste it in the 16th line with the green { ? thanks again! Link to comment
tuanphan Posted January 10 Share Posted January 10 On 1/9/2024 at 1:57 PM, jen900 said: thank you so much! sorry to bother you, i went through your links on custom css injection and i just don't understand exactly how to do it. do i just copy and paste it in the 16th line with the green { ? thanks again! Under Line 16 or top of your CSS box jen900 1 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
jen900 Posted January 11 Share Posted January 11 17 hours ago, tuanphan said: Under Line 16 or top of your CSS box thank you so much for all your help!! you're great Link to comment
KelseyLenz Posted March 8 Share Posted March 8 Hi @tuanphan - this worked well for me, except I need the logo to be the original color for the mobile menu only. Is there a way to fix this? I'm working on this page: https://studiofour10.com/delaney-burgess-realtor Thanks! Link to comment
tuanphan Posted March 13 Share Posted March 13 On 3/9/2024 at 4:45 AM, KelseyLenz said: Hi @tuanphan - this worked well for me, except I need the logo to be the original color for the mobile menu only. Is there a way to fix this? I'm working on this page: https://studiofour10.com/delaney-burgess-realtor Thanks! Change this your code /* for mobile */ .header-display-mobile img { content: url(https://static1.squarespace.com/static/5df1ccc904403d5b9e6b2245/t/65eb82b10327a4620f1aa377/1709933233851/Studio+Four10+Logo+%28Dark%29.png) !important; } to this /* for mobile */ body:not(.header--menu-open) .header-display-mobile img { content: url(https://static1.squarespace.com/static/5df1ccc904403d5b9e6b2245/t/65eb82b10327a4620f1aa377/1709933233851/Studio+Four10+Logo+%28Dark%29.png) !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
AGStudio Posted August 21 Share Posted August 21 Hello @tuanphan I've looked through this forum and others to try and find some answers for my similar problem: I want to adjust the size and leading of my text logo on mobile. I found css to stack it and now I want to get the two lines closer together and the logo larger. Thank you for any help! website: https://chadwickcoffee.squarespace.com/ pass: BlueHawaii Link to comment
tuanphan Posted August 23 Share Posted August 23 On 8/21/2024 at 9:10 PM, AGStudio said: Hello @tuanphan I've looked through this forum and others to try and find some answers for my similar problem: I want to adjust the size and leading of my text logo on mobile. I found css to stack it and now I want to get the two lines closer together and the logo larger. Thank you for any help! website: https://chadwickcoffee.squarespace.com/ pass: BlueHawaii You can use this to Website Tools > Custom CSS @media screen and (max-width:767px) { a#site-title { font-size: 22px !important; } .header-title-text { line-height:16px !important; } } AGStudio 1 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