neynarhm Posted December 27, 2022 Share Posted December 27, 2022 Hello, I'd like to customise the left & right margin of my navbar & footer. More or less the left margin needs to be aligned with my first heading. I tried adding this, but it seems like no change happens for margin above 100px (which I need more, I guess). //Navbar Margin// .header .header-announcement-bar-wrapper { padding-left: 100; padding-right: 100; } Any idea how to resolve the issue? Thank you. Link to comment
Beyondspace Posted December 27, 2022 Share Posted December 27, 2022 10 hours ago, neynarhm said: Hello, I'd like to customise the left & right margin of my navbar & footer. More or less the left margin needs to be aligned with my first heading. I tried adding this, but it seems like no change happens for margin above 100px (which I need more, I guess). //Navbar Margin// .header .header-announcement-bar-wrapper { padding-left: 100; padding-right: 100; } Any idea how to resolve the issue? Thank you. Can you share your site with the protected password so I can take a look? BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
neynarhm Posted December 28, 2022 Author Share Posted December 28, 2022 20 hours ago, Beyondspace said: Can you share your site with the protected password so I can take a look? Hi, this is my website: https://www.neynarhm.com - thank you! Link to comment
Solution Beyondspace Posted December 30, 2022 Solution Share Posted December 30, 2022 (edited) On 12/28/2022 at 4:48 PM, neynarhm said: Hi, this is my website: https://www.neynarhm.com - thank you! You can try adding to Home > Design > Custom Css .header .header-announcement-bar-wrapper { padding-top: 1vw; padding-bottom: 1vw; padding-right: 1vw; padding-left: 1vw; } Support me by pressing 👍 or marking as solution if this useful for you Edited December 30, 2022 by Beyondspace neynarhm 1 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. 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