GMC Posted October 2, 2022 Share Posted October 2, 2022 Site URL: https://lily-smilodon-skf3.squarespace.com/ The active menu item has a line through it word. I can't figure out how to make that go away! If it is under the word, that would be fine too! Thank you in advance Link to comment
tuanphan Posted October 3, 2022 Share Posted October 3, 2022 Add this to Design > Custom CSS body:not(.header--menu-open) .header-nav-item--active>a { background-image: none !important; } GMC 1 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
Ziggy Posted October 3, 2022 Share Posted October 3, 2022 Tuanphan is correct, that will hide the line-through. It's actually an underline with the line height set to 0px, if you want an underline as it's designed, then you'll want to set the font styling of the navigation items to have a line height of at least 1em. Having it set to zero is also causing this problem on your website, where the navigation items overlap: GMC 1 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)☕ Did I help? Buy me a coffee? Link to comment
GMC Posted October 3, 2022 Author Share Posted October 3, 2022 I will try this, thank you so much!!! Link to comment
GMC Posted October 4, 2022 Author Share Posted October 4, 2022 @tuanphan that worked like a charm, thank you! @Ziggy I tried adjusting the line-height to several different em settings, but it seems like it's more of a width issue than a height issue? Link to comment
GMC Posted October 4, 2022 Author Share Posted October 4, 2022 @Ziggy this is what I ended up using, for now anyway lol. Thank you for your help! //Active Nav title text bold// body:not(.header--menu-open) .header-nav-item--active>a { font-weight: bolder; font-size: 1.2em; background-image: none !important; } //Nav width to not overlap// .header-layout-nav-center .header-nav{ width: 50%; text-align: center; flex: 1 1 50%; tuanphan 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