SARAHJBENNETT Posted April 3 Share Posted April 3 I've tried to adjust the logo in the mobile header using the "EDIT SITE HEADER" function but I'm still not able to make the logo larger and center it while still having the plus sign to expand the menu visible. If I make the logo too big, the menu disappears and I can't seem to get it center using any of the header layout options. Does anyone know if there is CSS I could use to adjust this? Link to comment
Ziggy Posted April 3 Share Posted April 3 Yes, there is code that could do this. 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)☕ Did I help? Buy me a coffee? Link to comment
SARAHJBENNETT Posted April 3 Author Share Posted April 3 HI @Ziggy the website is https://www.crystalhealingsound.com/ Ziggy 1 Link to comment
Ziggy Posted April 4 Share Posted April 4 Try this Custom CSS: @media only screen and (max-width: 768px) { .header .header-announcement-bar-wrapper { padding: 0vw; } div.header-title-logo a { margin-left:0; width: 95%; } } 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)☕ Did I help? Buy me a coffee? Link to comment
SARAHJBENNETT Posted April 5 Author Share Posted April 5 Hi @Ziggy When I tried that code it cause the logo to distort (will attach before and afters). I tried adjusting the width and margins and it still looked funky. Is there anything else that might work? Thanks : ] Link to comment
SARAHJBENNETT Posted April 5 Author Share Posted April 5 I'd also love it if it was possible to horizontally align the plus sign (for menu) with the logo @Ziggy Link to comment
tuanphan Posted April 8 Share Posted April 8 Try changing this code <style> div.header-title-logo a { content: url("https://static1.squarespace.com/static/640228e22101f77a9914bb54/t/6429d218da69c36a33ada109/1680462361029/HORIZONTAL+LOGO+-+WHITE.png") !important; max-width: 1200px; /* if logo needs to be centered */ margin-left: 75px; margin-right: 0px; padding-bottom: 20px; } </style> to this <style> header#header img { content: url("https://static1.squarespace.com/static/640228e22101f77a9914bb54/t/6429d218da69c36a33ada109/1680462361029/HORIZONTAL+LOGO+-+WHITE.png") !important; /* if logo needs to be centered */ padding-bottom: 20px; } </style> 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment