PaigeWalker Posted September 11 Share Posted September 11 I used custom code to use a small dot underneath selected nav menu, but when i select a page from a folder the dot is now showing below all folder items. How can I correct this from happening? Link to comment
Ziggy Posted September 11 Share Posted September 11 Can you share your website URL and the code you are using to achieve this effect? 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
PaigeWalker Posted September 16 Author Share Posted September 16 Hi Ziggy, the website is www.bookplandid.com Link to comment
Solution tuanphan Posted September 18 Solution Share Posted September 18 On 9/16/2023 at 8:38 AM, PaigeWalker said: Hi Ziggy, the website is www.bookplandid.com Change this code .header-nav-item--active a:after { content: ""; display: block; width: 5px; height: 5px; background-color: #fff; text-align: center; margin: 0 auto; border-radius: 50%; margin-top: 4px; } to this .header-nav-item--active>a:after { content: ""; display: block; width: 5px; height: 5px; background-color: #fff; text-align: center; margin: 0 auto; border-radius: 50%; margin-top: 4px; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
PaigeWalker Posted October 27 Author Share Posted October 27 Wow thank you so much! It worked perfectly. 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