Enable arrow on sub menu

Viewing 4 replies - 1 through 4 (of 4 total)
  • milesweb

    (@milesweb)

    11 months, 3 weeks ago

    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.

    Thread Starter lajang

    (@lajang)

    11 months, 3 weeks ago

    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.

    shinde77

    (@shinde77)

    7 months, 3 weeks ago

    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 7 months, 3 weeks ago by shinde77.
    shinde77

    (@shinde77)

    7 months, 3 weeks ago

    awaiting your reply please help asap

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Enable arrow on sub menu’ is closed to new replies.