jmcnyc Posted February 8 Share Posted February 8 Site: https://piccolo-orca-mkx8.squarespace.com/ PW: rideon Hi there! I am trying to reduce the amount of spacing between the 2 social icons that are in the header of my site, but am not having any luck. Would anyone be able to assist? Thank you in advance! Link to comment
Ziggy Posted February 8 Share Posted February 8 It's in the header settings. Go to edit a page, then edit the header and go to the desktop tab and adjust the link spacing: 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
jmcnyc Posted February 8 Author Share Posted February 8 Ah yes -- but I'm actually looking to keep the text links spaced as they are, and adjust the spacing only between the 2 social icons.. is there a way to do this? Thank you for your reply btw! Link to comment
Ziggy Posted February 8 Share Posted February 8 Fair enough! Try this Custom CSS: .header-actions--right .header-actions-action--social .icon { margin-left: 1vw; } Adjust the vw value to your heart's content! 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
jmcnyc Posted February 8 Author Share Posted February 8 Ah -- that is unfortunately not working 😩 Link to comment
Ziggy Posted February 9 Share Posted February 9 Try this instead: .header-actions--right .header-actions-action--social .icon { margin-left: 1vw !important; } 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
jmcnyc Posted February 9 Author Share Posted February 9 That did bring the 2 icons closer together (success!!) but it also closed up the space between the rightmost nav link and the leftmost icon. Would you happen to know how to adjust that space while still keeping the icons tight? Thank you again btw!! Link to comment
Solution Ziggy Posted February 9 Solution Share Posted February 9 Try this instead: .header-actions--right .header-actions-action--social .icon:not(:first-child) { margin-left: 1vw !important; } Hope that helps! Give me a thumbs up if you can! jmcnyc 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)☕ Did I help? Buy me a coffee? Link to comment
jmcnyc Posted February 9 Author Share Posted February 9 Hey! Actually having one other issue -- perhaps related?? I am using a custom social icon/link in the nav bar, and it's showing up correctly in the desktop view but not mobile. When I click on the blank space within the mobile menu that the icon should be showing, it links to where the icon would direct to -- it's just not showing the actual icon -- it shows up as a blank space in the menu. Any thoughts? And thank you again for all of your help! Link to comment
Ziggy Posted February 10 Share Posted February 10 I can actually see it just fine on desktop and mobile when testing. My guess is that if you used a PNG rather than an SVG it might show up more reliably (that's been my experience). What code did you use to switch the icons? 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment