A1Protocol Posted August 25, 2023 Share Posted August 25, 2023 (edited) Hi everyone! I am currently redesigning my website and I am trying to style my mobile navigation menu through custom CSS. https://www.thesoaresprotocol.com/ I would like to reduce the size of the font and space it out more properly. I hid my desktop menu links with a custom CSS code I found, just so you know. The password to access it is bringtemplatesback (yes, because 7.1 sucks). Thank you for your help! PS: I'm also trying to remove the original templates navigation links on the bottom, any idea?: Edited August 25, 2023 by A1Protocol Link to comment
Ziggy Posted August 25, 2023 Share Posted August 25, 2023 28 minutes ago, A1Protocol said: space it out more properly Can you define this? Share your website URL? A1Protocol 1 Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com ☕ Did I help? Buy me a coffee? 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲 SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) Link to comment
A1Protocol Posted August 25, 2023 Author Share Posted August 25, 2023 (edited) Hey Ziggy! I apologize, I put my website in when posting but it didn't appear. https://www.thesoaresprotocol.com/ And I just wanted to space the menu links out a bit more to let it breathe but not too much. But maybe resizing alone will suffice? Thank you! Edited August 25, 2023 by A1Protocol Link to comment
Solution Ziggy Posted August 25, 2023 Solution Share Posted August 25, 2023 Try this Custom CSS: .header-menu-nav-item a { font-size: 6vmin; line-height:1.2em; margin: 3vw 5vw; } There are some values in there for you to tweak and get looking how you want. The first margin value (3vw) is top/bottom, the second value (5vw) is the left/right. A1Protocol 1 Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com ☕ Did I help? Buy me a coffee? 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲 SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) Link to comment
A1Protocol Posted August 25, 2023 Author Share Posted August 25, 2023 That's perfect! Thank you so much. Will upvote. Any idea on how to get rid of those bottoms navigators as well? Thank you again. Link to comment
Ziggy Posted August 25, 2023 Share Posted August 25, 2023 Try this CSS: .item-pagination[data-collection-type^="portfolio"] { display: none; } A1Protocol 1 Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com ☕ Did I help? Buy me a coffee? 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲 SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) Link to comment
A1Protocol Posted August 25, 2023 Author Share Posted August 25, 2023 Thank you so much Ziggy! You are my savior! Link to comment
Ziggy Posted August 25, 2023 Share Posted August 25, 2023 16 minutes ago, A1Protocol said: Thank you so much Ziggy! You are my savior! Happy to help, enjoy your weekend! Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com ☕ Did I help? Buy me a coffee? 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲 SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) Link to comment
A1Protocol Posted August 25, 2023 Author Share Posted August 25, 2023 1 minute ago, Ziggy said: Happy to help, enjoy your weekend! You as well! Ziggy 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