Patterson Posted October 18 Share Posted October 18 Hello! I am looking to drop how my navigation folders currently sits on my site to them more of a cleaner look. I have 3 items I am looking to complete that I haven't been able to do on my own yet. Currently you will notice the gray folder bg cuts appears too close to the main nav, it also cuts off some of the bottom of the text. If this could be dropped that would be great. How can I add a light stroke around the gray folders - preferably wanting the color to be #005aaf? How can I remove the symbol/icon next to the two folders currently on my navigation Thanks in advance for any assistance, it is greatly appreciated. The url is - bemconc.com / PW - wolf Link to comment
Patterson Posted October 20 Author Share Posted October 20 Hey @Ziggy, if you have time, do you mind taking a quick look at the above topic? Thanks in advance! Link to comment
Ziggy Posted October 20 Share Posted October 20 Hi @Patterson You have this in your Custom CSS that is adding the icon in the navigation: .header-nav-item.header-nav-item--folder a.header-nav-folder-title:after { font-family: FontAwesome; content: "\f107"; padding-left: 4px; } The reason that the dropdown is so close to the text and cutting off is because you have the line height of the navigation set to 8px, that value should be approximately 1.4em. you can change this in the font styles. This Custom CSS will add a stroke with your colour: .header-nav .header-nav-item--folder .header-nav-folder-content { border: 2px solid #005aaf; } Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) ✨ Spark Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
Patterson Posted October 21 Author Share Posted October 21 @Ziggy, AH thank you so much for the help on the icon and line spacing issue, not sure how I missed these. The stroke adds a good look to the piece as well. Have a great weekend. 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