Enable arrow on sub menu

Hi @lajang
You can use custom CSS.

Access WordPress Customizer: In your WordPress admin dashboard, go to “Appearance” and click on “Customize.”
Navigate to Additional CSS: Look for an option like “Additional CSS” or “Custom CSS” within the Customizer.
Insert Custom CSS: Paste the following CSS code into the Additional CSS section:
css

.menu-item-has-children > a:after { content: ' →'; /* Unicode character for right arrow */ display: inline-block; margin-left: 5px; /* Adjust the margin as needed */ }

Adjust Styling (Optional): To adjust the distance between the text of the menu item and the arrow, change the margin-left attribute. Moreover, you have other customisation options for the arrow appearance according to your preferred style.
Preview and Publish.

This CSS code inserts a right arrow after the menu item text, targets menu items with a sub-menus (menu-item-has-children), and modifies the margin for spacing.

Hi MilesWeb

Thank you for your reply. I tried it, and it worked perfectly. Thank you so much, bro. I change the .menu-item-has-children to menu-item-2630 so the arrow will show only on the sub-menu item not on the main menu.

HI @milesweb

can you please please help me for submenu mouse hover show arrow effect.
this is my website menu and when I click or hover on the submenu it shows the arrow image.
the normal menu is shown in the image
https://aeromegh.com/wp-content/uploads/2024/06/image-36.png
and when I click and mouse hover on the submenu then it shows the arrow
https://aeromegh.com/wp-content/uploads/2024/06/image-37.png

please help me asap please
https://aerogcs.com/ this is my website

• This reply was modified 5 months, 3 weeks ago by shinde77.

awaiting your reply please help asap