Where to change graphic icon in Navigation Layered?

Support
#1

Hi there

I would like to add a graphic icon to my navigation layered. I don’t see any option to change the pointer hand to another graphic icon:

Icon_Graphic
Icon_Graphic2560×1400 223 KB

Thank you very much for your help!

Kind regarde,
Felix

#2

Hello Felix,

Thanks for writing to us.

To change the menu item icon, go to the WordPress dashboard --> Appearance —>Menu—>select the menu item —>Icon Primary, and enter the class name for the icon.

Screenshot-2025-03-28-at-4-54-19-PM-03-28-2025_04_55_PM
Screenshot-2025-03-28-at-4-54-19-PM-03-28-2025_04_55_PM2138×1788 388 KB

Hope it helps
Thanks

#3

Hi Prakash

Thank you very much for your great help! Unfortunately I didn’t find a menu icon that suits me, so instead I created my own icon and uploaded this to my menu. I inserted the Image in the field “Image Primary” which works well. Ist there any possibility to change the menu image on hover? If I insert the hover image in the field “Image Secondary”, no hover effect is displayed.

menu-image-hover
menu-image-hover3456×2234 393 KB

Thank you very much for your Help!

Kind regards,
Felix

#4

Hello Felix,

Regretfully there is no option at the moment. It would require custom development. I would suggest you please get in touch with a developer who can assist you with your concerns or you may subscribe to One where customization questions are answered. Please note we don’t provide custom development support it is out of the support scope.

Thanks for understanding

#5

Hi Prakash

Ok, thank you very much for your reply!
Is there any possibility to place the flyout-menu from navigation modal, navigation layered directly under the burger-menu icon top left instead in the center of the page?

menu_layered
menu_layered2560×1400 132 KB

Thank you very much for your help!

Kind regards,
Felix

#6

Thank you for the update. Have you tried using the Navigation Dropdown instead of the Navigation Modal element?

#7

Hi Ismael

Thank you very much for your great help! This is exactly, what I was looking for!
Is there a possibility to automatic close the Navigation Dropdown, when scrolling? I wouldn’t mind if the dropdown stays open while scrolling but the whole header including the open dropdown menu starts to flicker when scrolling. as asoon the menu is closed again, the scrolling moves smooth.

Thank you very much for your help!

Kind regards,
Felix

#8

Hello @fbrugger,

There is no option in the Navigation dropdown menu element by default; it would require custom development. I suggest you contact a developer who can assist you with your concern. Please note that we don’t provide custom development support; it is out of the support scope.

Thanks for understanding