whereisscott Posted November 7, 2022 Share Posted November 7, 2022 Hi all, Am trying to figure out the CSS to force the links in my client's nav bar folders to be all-caps in mobile. I'd like it to stay lowercase on desktop. Have tried editing a few solutions for similar issues but have struck out. Any help would be appreciated! Here's the site: https://uniqueromancetravel.com/ Thank you! Link to comment
Ziggy Posted November 8, 2022 Share Posted November 8, 2022 This should work... I hope! .header-menu-nav-item a { text-transform: uppercase !important; } 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
whereisscott Posted November 8, 2022 Author Share Posted November 8, 2022 Thanks, @Ziggy. This unfortunately didn't work (I tried the same code on the site as well before coming on here). Not sure why it's not as it looks like it should! Thank you for taking a stab at it. Link to comment
Solution Ziggy Posted November 9, 2022 Solution Share Posted November 9, 2022 You have this in your CSS, would be the reason that you don't have them uppercase: 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
whereisscott Posted December 4, 2022 Author Share Posted December 4, 2022 Thank you! That fixed it - completely forgot I had that code in there. Much appreciated. 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