Title: Drop Down Menu hover
Last modified: February 25, 2026

---

# Drop Down Menu hover

 *  Resolved [thalakus](https://wordpress.org/support/users/thalakus/)
 * (@thalakus)
 * [3 months, 2 weeks ago](https://wordpress.org/support/topic/drop-down-menu-hover-3/)
 * Hi, I found another little bug,
 * if I have the menu-content “products” and under the products are various other
   elements, it creates the triangle downwards (like < but pointing downwards). 
   If I hover over the text “products” I get the hover effect. but if I get a little
   bit more to the right, on the “<” the hover stops. so it just recognizes the 
   link on the “products” text but is excluding the “<“
 * Greetings

Viewing 3 replies - 1 through 3 (of 3 total)

 *  [Rajab Said](https://wordpress.org/support/users/snrjosh/)
 * (@snrjosh)
 * [3 months, 2 weeks ago](https://wordpress.org/support/topic/drop-down-menu-hover-3/#post-18835287)
 * Hey [@thalakus](https://wordpress.org/support/users/thalakus/),
 * Thanks for pointing this out. This is happening because the theme currently treats
   the text and the dropdown symbol as two separate interactive elements in the 
   HTML structure.
 * From a functional **mobile/touch accessibility** standpoint, this design allows
   a user to tap the text to visit the page _or_ tap the dropdown symbol to open
   the submenu without visiting the page.
 * I’ve added an enhancement request, and our development team will review this 
   further.
 * In the meantime, you can add this custom CSS code under **Appearance > Customize
   > Additional CSS**:
 *     ```wp-block-code
       /* 1. Keep the TEXT colored when hovering the whole item */.sydney-dropdown-li:hover > .sydney-dropdown-link {    color: #d65050 !important;}/* 2. Fix the SVG chevron color (Handles Fill and Stroke) */.sydney-dropdown-li:hover > .dropdown-symbol svg {    fill: #d65050;   /* For solid shapes */    stroke: #d65050; /* For line/outline icons */    color: #d65050;  /* Fallback */}/* 3. Ensure the chevron behaves like a clickable link */.dropdown-symbol {    cursor: pointer;}
       ```
   
 * The code tells the theme to keep the hover effect whenever you are hovering anywhere
   near that specific menu item (including the dropdown symbol).
 * I hope this helps.
 *  [Rajab Said](https://wordpress.org/support/users/snrjosh/)
 * (@snrjosh)
 * [2 months ago](https://wordpress.org/support/topic/drop-down-menu-hover-3/#post-18874101)
 * Hi [@thalakus](https://wordpress.org/support/users/thalakus/),
 * I’m pleased to inform you that we’ve released an enhancement in version 2.66 
   to resolve the hover issue. The hover state now applies to both the menu item
   and the chevron in the main navigation.
 * Feel free to review our [Changelog](https://athemes.com/changelog/sydney/), and
   don’t hesitate to reach out if you have any questions or concerns after testing
   it out!
 * Thanks.
 *  Thread Starter [thalakus](https://wordpress.org/support/users/thalakus/)
 * (@thalakus)
 * [2 months ago](https://wordpress.org/support/topic/drop-down-menu-hover-3/#post-18874210)
 * thank you very much!!

Viewing 3 replies - 1 through 3 (of 3 total)

You must be [logged in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fdrop-down-menu-hover-3%2F%3Foutput_format%3Dmd&locale=en_US)
to reply to this topic.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/sydney/2.68/screenshot.png)
 * Sydney
 * [Support Threads](https://wordpress.org/support/theme/sydney/)
 * [Active Topics](https://wordpress.org/support/theme/sydney/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/sydney/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/sydney/reviews/)

 * 3 replies
 * 2 participants
 * Last reply from: [thalakus](https://wordpress.org/support/users/thalakus/)
 * Last activity: [2 months ago](https://wordpress.org/support/topic/drop-down-menu-hover-3/#post-18874210)
 * Status: resolved