I need to change the dropdown menu toggle arrow svgs for the mobile menu only. I’m using GP Premium and have the Mobile Header option enabled.
I thought the generate_svg_icon_element or generate_svg_icon filters would be what I needed by using a condition like if ( 'arrow' === $icon ) but this changes the toggle arrows for the desktop and mobile menus. I haven’t found a way to use this filter to change only the output for the mobile dropdown menu toggles.
Thanks Ying. I read the documentation for that condition but it doesn’t quite look like what I need.
This checks the user agent. So it wouldn’t work on a desktop browser where the window is at a narrow enough width for the mobile menu to become visible.
Is there a way to use one of the filters I mentioned to change the output for just the mobile menu dropdown toggle arrows? Or some other way I can achieve this?