matthewhodges Posted June 18, 2020 Share Posted June 18, 2020 Site URL: https://www.crxssplatfxrm.com The navigation on my site runs onto two lines, even when it appears there is plenty of space for it to stay on one line. I guess there is some kind of padding at the sides – how can I remove this? I would prefer that the navination never went to two lines, and if the screen wifth isn't wide enough it would go straight to the burger menu. Is that possible? Link to comment
Solution Beyondspace Posted June 18, 2020 Solution Share Posted June 18, 2020 20 minutes ago, matthewhodges said: Site URL: https://www.crxssplatfxrm.com The navigation on my site runs onto two lines, even when it appears there is plenty of space for it to stay on one line. I guess there is some kind of padding at the sides – how can I remove this? I would prefer that the navination never went to two lines, and if the screen wifth isn't wide enough it would go straight to the burger menu. Is that possible? Can be, please paste this into Settings->Custom Css .header-layout-branding-center-nav-center .header-title-nav-wrapper { width: 100%; display: block; flex: 100%; } matthewhodges 1 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox, video lightbox and much more) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace (+100 Spark plugin customisations) 🥳 Freemium Squarespace Widget Templates (+1000 Elfsight 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
matthewhodges Posted June 18, 2020 Author Share Posted June 18, 2020 That worked perfectly, thank you! Beyondspace 1 Link to comment
xallarap Posted October 21, 2020 Share Posted October 21, 2020 Hi @bangank36 ! I just tried this code on my site and it keeps the nav from breaking, which is great, but it also caused the nav to be way off-center. Do you know why this would be? I removed the code for now but the site is https://www.pamelaackerman.com/ Thanks! Link to comment
Beyondspace Posted October 23, 2020 Share Posted October 23, 2020 On 10/22/2020 at 12:28 AM, xallarap said: Hi @bangank36 ! I just tried this code on my site and it keeps the nav from breaking, which is great, but it also caused the nav to be way off-center. Do you know why this would be? I removed the code for now but the site is https://www.pamelaackerman.com/ Thanks! Try this .header-layout-branding-center-nav-center .header-nav { width: 1500px; } BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox, video lightbox and much more) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace (+100 Spark plugin customisations) 🥳 Freemium Squarespace Widget Templates (+1000 Elfsight 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
TrueSelfCouture Posted October 24, 2020 Share Posted October 24, 2020 Hi @bangank36 Is there a way to modify this code so it works with a shopping cart icon in the header section? The second code you provided for pamelaakerman.com worked but it pushes the shopping cart off the screen: trueselfcouture.com. I left code on the site for now so you can see. The shopping cart is enabled and shows when I delete the css code. I've tried resizing the margins and page widths. Any help is much appreciated! Thanks so much! Avery Link to comment
Beyondspace Posted October 27, 2020 Share Posted October 27, 2020 On 10/25/2020 at 4:27 AM, TrueSelfCouture said: Hi @bangank36 Is there a way to modify this code so it works with a shopping cart icon in the header section? The second code you provided for pamelaakerman.com worked but it pushes the shopping cart off the screen: trueselfcouture.com. I left code on the site for now so you can see. The shopping cart is enabled and shows when I delete the css code. I've tried resizing the margins and page widths. Any help is much appreciated! Thanks so much! Avery Kindly check this .header-layout-branding-center-nav-center .header-nav { width: 100vw; position: absolute; bottom: -50px; } BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox, video lightbox and much more) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace (+100 Spark plugin customisations) 🥳 Freemium Squarespace Widget Templates (+1000 Elfsight 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
Beyondspace Posted October 27, 2020 Share Posted October 27, 2020 On 10/22/2020 at 12:28 AM, xallarap said: Hi @bangank36 ! I just tried this code on my site and it keeps the nav from breaking, which is great, but it also caused the nav to be way off-center. Do you know why this would be? I removed the code for now but the site is https://www.pamelaackerman.com/ Thanks! You can try this .header-layout-branding-center-nav-center .header-nav { width: 100vw; position: absolute; bottom: -50px; } .header-layout-branding-center-nav-center .header-nav { width: 100vw; position: absolute; bottom: -50px; } BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox, video lightbox and much more) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace (+100 Spark plugin customisations) 🥳 Freemium Squarespace Widget Templates (+1000 Elfsight 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
bsholmes Posted February 23, 2022 Share Posted February 23, 2022 Hi @bangank36! I have a default header on the site but the padding built in is way too much on one of the templates. How can I remove the padding using CSS? Link to comment
tuanphan Posted February 27, 2022 Share Posted February 27, 2022 On 2/23/2022 at 7:50 AM, bsholmes said: Hi @bangank36! I have a default header on the site but the padding built in is way too much on one of the templates. How can I remove the padding using CSS? What is your site url? We can check easier 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