mathildenicoline Posted March 30, 2022 Share Posted March 30, 2022 (edited) Site URL: https://brass-porcupine-ghs7.squarespace.com/ My page has a small round logo, plus a cart icon, I have set element spacing as low as possible, but the navigation links still separates into two lines. Any code to decrease the element spacing even more? Edited March 30, 2022 by mathildenicoline Link to comment
Waqas_SQSPStarter Posted March 30, 2022 Share Posted March 30, 2022 @mathildenicoline Use this code to make it better. Go to Design > Custom CSS > Paste the Code .header-layout-nav-center .header-nav { width: 54%; text-align: center; flex: 1 1 54%; } .header-layout-nav-center .header-title { width: 23%; flex: 1 1 23%; } .header-layout-nav-center .header-actions { width: 23%; } Muhammad Waqas Web Expert - SQSP Starter Squarespace Designer & Customization Specialist 📧 waqas@sqspstarter 🌐 sqspstarter.com Link to comment
mathildenicoline Posted March 30, 2022 Author Share Posted March 30, 2022 1 hour ago, TheSquareSpacer said: @mathildenicoline Use this code to make it better. Go to Design > Custom CSS > Paste the Code .header-layout-nav-center .header-nav { width: 54%; text-align: center; flex: 1 1 54%; } .header-layout-nav-center .header-title { width: 23%; flex: 1 1 23%; } .header-layout-nav-center .header-actions { width: 23%; } Thank you so much, this did the trick! Waqas_SQSPStarter 1 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