Title: Navigation menu
Last modified: July 26, 2024

---

# Navigation menu

 *  Resolved [novistheking](https://wordpress.org/support/users/novistheking/)
 * (@novistheking)
 * [1 year, 8 months ago](https://wordpress.org/support/topic/navigation-menu-85/)
 * Hello,
   I am currently building new website and I have found your theme. It looks
   really great and I am trying to check what I can do with it and learn its function.
   Unfortunately I have a problem with navigation menu and its hover color. When
   you hover over the navigation menu it changes the color to some sort of gray.
   I would like to change that color and color of its underlining.I have tried to
   change a lot of collor setting but still no luck.Do you think it would be possible
   to guide me through this issue and help me change the color?Thank you very much
   in advance.Best regards,Tomáš
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fnavigation-menu-85%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  Theme Author [Shine Dezign Infonet](https://wordpress.org/support/users/shinedezigninfonet6788/)
 * (@shinedezigninfonet6788)
 * [1 year, 8 months ago](https://wordpress.org/support/topic/navigation-menu-85/#post-17914852)
 * Thanks for your feedback. 
   You can change the color of the menu from the admin
   panel by editing the site header (you can check the video link for reference).
   To change the hover color and underlying color, please add the following rules
   to the style.css file. If you are unable to do this on your end, please provide
   us with the Admin details, FTP/cPanel access, and the colors for the menu, hover,
   and underlying elements through our support email- [themes.shinedezign@gmail.com](https://wordpress.org/support/topic/navigation-menu-85/themes.shinedezign@gmail.com?output_format=md).
   We will do it for you.
 * Video link :- [https://fashionstorefree.shinedezign.pro/change_menu_color/header_changes.webm](https://fashionstorefree.shinedezign.pro/change_menu_color/header_changes.webm)
 * **Rules to be added in style.css**
 * :has(header,footer) nav.wp-block-navigation ul li.wp-block-navigation-item a:
   hover, :has(header,footer) nav.wp-block-navigation ul li.wp-block-navigation-
   item a:hover span {
       color: #ff0000; /*change hover color here*/}
 * :has(header,footer) nav li.wp-block-navigation-item>a:before {
       background:#
   ff0000; /*change underline color here*/}
    -  This reply was modified 1 year, 8 months ago by [Shine Dezign Infonet](https://wordpress.org/support/users/shinedezigninfonet6788/).
 *  Thread Starter [novistheking](https://wordpress.org/support/users/novistheking/)
 * (@novistheking)
 * [1 year, 8 months ago](https://wordpress.org/support/topic/navigation-menu-85/#post-17914885)
 * Thank you for your quick reply.
   These css rules were exactly what I needed. Thank
   you very much for that.
 *  Theme Author [Shine Dezign Infonet](https://wordpress.org/support/users/shinedezigninfonet6788/)
 * (@shinedezigninfonet6788)
 * [1 year, 8 months ago](https://wordpress.org/support/topic/navigation-menu-85/#post-17914902)
 * We are pleased to assist you. 
   Could you kindly provide us with a positive review?
   Your feedback would be greatly appreciated.

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

The topic ‘Navigation menu’ is closed to new replies.

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

 * 3 replies
 * 2 participants
 * Last reply from: [Shine Dezign Infonet](https://wordpress.org/support/users/shinedezigninfonet6788/)
 * Last activity: [1 year, 8 months ago](https://wordpress.org/support/topic/navigation-menu-85/#post-17914902)
 * Status: resolved