CharlieHNZNeu21 Posted September 30 Share Posted September 30 Site URL: https://www.neu21.com/ Hi there, I want to customise the size of individual hamburger nav links in my website's navigation. Please note that we've intentionally used custom code to force the hamburger nav on desktop, as we prefer it across all devices. I've also used a bit of custom code to change the sizing, spacing, etc. of the current links as they are. We want is to reduce the size & spacing of only the service page nav links, to make them feel like "secondary" pages in the nav: - Agility & Ways of Working - Leadership - Innovation - Product & Service Design - Artificial Intelligence I've tried my best to target the exact HREFs, classes, etc. and push it with !important, but no luck. If anyone can help with this that'd be great! Link to comment
Spark-Plugin Posted October 1 Share Posted October 1 Hi @CharlieHNZNeu21. Please add the following code and see how it goes. Also, check the attached screenshot to see if that’s what you’re looking for: .header-menu-nav-wrapper .container:nth-child(3) a, .header-menu-nav-wrapper .container:nth-child(4) a, .header-menu-nav-wrapper .container:nth-child(5) a, .header-menu-nav-wrapper .container:nth-child(6) a, .header-menu-nav-wrapper .container:nth-child(7) a { font-size: 15px !important; } .header-menu-nav-wrapper .container:nth-child(3) a{ margin-top: 50px !important; } .header-menu-nav-wrapper .container:nth-child(8) a{ margin-top: 50px !important; } Do let me know how it goes! - Answered by Iuno from sparkplugin.com 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