Select to view content in your preferred language

Hub Site custom header html/css - navbar not highlighting the selected tab

1194
2
Jump to solution
09-13-2023 05:50 AM
DarrenLloyd__DOIT
Regular Contributor

I need help with the navbar holding a selection. I am using the custom header (html/css), most of which was auto-populated with the hub site. When I click on the navbar items they are highlighted with a white bar underneath. However when you click off of the item the white bar disappears. How can I have the item stay highlighted with the white bar when selected? 

DarrenLloyd__DOIT__0-1694608951324.png

DarrenLloyd__DOIT__1-1694609127931.png

 

Tags (4)
0 Kudos
1 Solution

Accepted Solutions
KlaraSchmitt
Esri Regular Contributor
2 Replies
KlaraSchmitt
Esri Regular Contributor

@DarrenLloyd__DOIT 

You may find this post I made helpful for how to manage active states with a custom header: https://community.esri.com/t5/arcgis-hub-documents/tips-showing-active-page-in-a-custom-header/ta-p/...

DarrenLloyd__DOIT
Regular Contributor

Not being able to use JavaScript was an issue however this solution worked for me. Thank you @KlaraSchmitt 

0 Kudos