Kitaken Posted February 13, 2020 Share Posted February 13, 2020 Site URL: https://www.kitaken.co.uk/ Does anyone know how to have the active page underlined in a particular colour in the top navigation? I'm using a Brine template and can't seem to get the code working. Thanks in advance! Link to comment
tuanphan Posted February 13, 2020 Share Posted February 13, 2020 Add to Home > Design > Custom CSS .Header-nav-item--active { border-bottom: 1px solid black; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Kitaken Posted February 13, 2020 Author Share Posted February 13, 2020 Thanks so much for your quick reply. This code doesn't work, unfortunately. Link to comment
tuanphan Posted February 13, 2020 Share Posted February 13, 2020 2 minutes ago, Kitaken said: Thanks so much for your quick reply. This code doesn't work, unfortunately. I see it worked here? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Kitaken Posted February 13, 2020 Author Share Posted February 13, 2020 Ah, yes! Thank you. But is it possible to have it work on the starting page, which in my case is "shop"? It doesn't seem to underline when the nav item has a drop down e.g., when "product/price info" is active. Link to comment
tuanphan Posted February 13, 2020 Share Posted February 13, 2020 9 minutes ago, Kitaken said: Ah, yes! Thank you. But is it possible to have it work on the starting page, which in my case is "shop"? It doesn't seem to underline when the nav item has a drop down e.g., when "product/price info" is active. with dropdown, use .Header-nav-folder-title--active { border-bottom: 1px solid black; } .Header-nav-folder-item--active { border-bottom: 1px solid black; } Kitaken 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Kitaken Posted February 13, 2020 Author Share Posted February 13, 2020 (edited) That worked for the dropdown! But how do I get both of them to work, since every item doesn't have a dropdown? "Contact" and "About" are not underlined when selected. Edited February 13, 2020 by Kitaken Link to comment
barbudo Posted June 13, 2022 Share Posted June 13, 2022 On 2/13/2020 at 9:04 AM, tuanphan said: Add to Home > Design > Custom CSS .Header-nav-item--active { border-bottom: 1px solid black; } Hi @tuanphan, I have the same question! I've added this code to my custom CSS, but I think it's not working. Did I do anything wrong? The site is sensus.team pw: sensus2022 Thanks so much! Link to comment
tuanphan Posted June 14, 2022 Share Posted June 14, 2022 12 hours ago, barbudo said: Hi @tuanphan, I have the same question! I've added this code to my custom CSS, but I think it's not working. Did I do anything wrong? The site is sensus.team pw: sensus2022 Thanks so much! The code for SS 7.1. Your site is 7.0, should need to use this code /* active nav item border */ div.active span { border-bottom: 1px solid; } .overlay-nav-container div.active a { border-bottom: 1px solid; display: inline-block; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
barbudo Posted June 15, 2022 Share Posted June 15, 2022 15 hours ago, tuanphan said: The code for SS 7.1. Your site is 7.0, should need to use this code Beautiful! Thank you so much. 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