Navbar "X" as Icon while Toggled

Support
#1

I’m trying to have my navbar icon become an X when the menu is open.

This is what I’d like to achieve:
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_menu_icon_js

Before deciding I wanted this animated version, I was unable to change the toggled icon without effecting the collapsed hamburger icon. How would I have a different icon while it is in the toggled state?

#2

Hey George,

I see you’re using Pro. Are you using the Navigation Collapsed element? That effect you referred to is only available in the Graphic Type > Toggle of the “Dropdown,” “Modal,” and “Off Canvas” Partials

Achieving this anywhere else in the theme, though technically possible, would be outside the scope of our support as this involves custom coding.

Thank you for understanding.

#3

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.