Strattons Posted March 31, 2021 Share Posted March 31, 2021 Site URL: https://the-gun-inn-3.squarespace.com/home Is there a way I can reduce the padding around the navigation so it stays on two lines and then turns into a hamburger menu? Link to comment
Beyondspace Posted April 4, 2021 Share Posted April 4, 2021 On 3/31/2021 at 7:44 PM, Strattons said: Site URL: https://the-gun-inn-3.squarespace.com/home Is there a way I can reduce the padding around the navigation so it stays on two lines and then turns into a hamburger menu? Could you try this .header-layout-nav-center .header-nav { width: 350px; text-align: center; flex: 1 1 35%; } BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace 🚀 Learn how to rank new pages on Google in 48 hours! 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
Strattons Posted May 7, 2021 Author Share Posted May 7, 2021 Thanks bangank36 That didn't seem to work for me. Link to comment
tuanphan Posted May 9, 2021 Share Posted May 9, 2021 On 3/31/2021 at 7:44 PM, Strattons said: Site URL: https://the-gun-inn-3.squarespace.com/home Is there a way I can reduce the padding around the navigation so it stays on two lines and then turns into a hamburger menu? You mean make all on 1 line, or change them to Burger Menu? 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
Strattons Posted May 10, 2021 Author Share Posted May 10, 2021 Hi @tuanphan All on one line and then change to a burger menu when it encroaches on the logo. Thanks Link to comment
tuanphan Posted May 12, 2021 Share Posted May 12, 2021 On 5/11/2021 at 2:37 AM, Strattons said: Hi @tuanphan All on one line and then change to a burger menu when it encroaches on the logo. Thanks Add to Design > Custom CSS .header-title.header-title--use-mobile-logo { width: 10% !important; flex: 1 1 10%; } .header-layout-nav-center .header-nav { width: 70% !important; text-align: center; flex: 1 1 70% !important; } Also, I see the site has some other problems. Do you want to fix these? Site URL – https://the-gun-inn-3.squarespace.com/ 1. (Mobile-Homepage) Center these text? 2. (Mobile-Footer) Want to align left icons? 3. (Tablet-Homepage) Make 2 items/row? 4. (Suppliers) Page looks long. Want to add a back to top button? 5. (Tablet-History) Increase text width? 6. (Gallery) You haven’t changed SEO title so the browser tab name still shows “Gallery 2” 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
Strattons Posted May 12, 2021 Author Share Posted May 12, 2021 Thanks @tuanphan, yes I think those other things do need changing. Link to comment
tuanphan Posted May 14, 2021 Share Posted May 14, 2021 On 5/12/2021 at 7:32 PM, Strattons said: Thanks @tuanphan, yes I think those other things do need changing. Q1. Q2. Add to Design > Custom CSS /* Mobile center gallery title */ @media screen and (max-width:767px) { body.homepage p.gallery-caption-content { text-align: center; } /* align left footer icons */ footer.sections nav.sqs-svg-icon--list { text-align: left !important; } footer.sections nav.sqs-svg-icon--list a:first-child { margin-left: 0 !important; } } Q4. Follow this guide. If it works, I will check other questions 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
Archived
This topic is now archived and is closed to further replies.