Method to indicate selected navigation item (data-x-slide-goto) of a Slider | Recreating "Tabs" Element

[technologymedia]

Hey there Themeco team. Absolutely brilliant job on the new sliders. They are a game changer.

Any insight or suggestions on how to make a selected navigation item, using data-x-slide-goto, highlighted when the referenced slide is active? This is my final step in recreating the Tabs element.

Here is the referenced element:

Slider Test Page - Southern Outdoor Restoration

I’m also sharing credentials to this site in development via a secure note.

[ruenel]

Hello @technologymedia,

Thanks for writing in!

You will have to use manual inline element CSS in your Slider Container. Using your browser’s Development Tool, you can check the live HTML code and find which CSS selector you need to use or what CSS code has been used to style the page.

Check out this video demonstration:

Dev Tools demo

Dev Tools demo

For example:

Hope this helps.