Title: Menu Dropdown
Last modified: March 9, 2018

---

# Menu Dropdown

 *  Resolved [tunesrcool](https://wordpress.org/support/users/tunesrcool/)
 * (@tunesrcool)
 * [8 years, 5 months ago](https://wordpress.org/support/topic/menu-dropdown-8/)
 * i had it the way i wanted for a long time, i think i updated the theme on the
   theme page in appearances, the arrows came back. theres only the one color after
   you come off the original menu withe drop down open
 * thats all i need all my mods are from simple css
 *     ```
       body .grid-container {
           max-width: 1300px !important;
             -moz-border-radius: 10px;
             -webkit-border-radius: 10px;
             border-radius: 10px !important;
       }
   
       .sidebar a,
       .sidebar a:visited {
           color: #a8830a;
       }
   
       .sidebar a:hover {
           color: #00138E;
       }
   
       .entry-title {
           color: #000000;
           margin: 0px 0 10px 0;
           padding: 0px 10px 0px 10px;
           font-weight: bold;
           text-transform: capitalize;
           font-size: 25px;
           font-family: 'Georgia', sans-serif;
           border-bottom: 2px solid #333333;
       }
   
       .entry-content {
           color: #000000;
           font-size: 15px;
           margin-top: 0em;
           font-family: 'Georgia', sans-serif;
       }
   
       .entry-content a {
           color: #00138E;
           font-weight: bold;
           font-style: italic;
           text-decoration: underline;
       }
   
       .entry-content a:hover {
           color: #00138E !important;
           font-weight: bold;
           font-style: italic;
           text-decoration: underline;
       }
   
       .main-navigation .main-nav ul li > a:hover, 
       .main-navigation .main-nav ul li > a:focus, 
       .main-navigation .main-nav ul li.sfHover > a {
           background-color: #000000 !important;
       }
   
       .main-navigation ul ul {
           background-color: #000000 !important;
       }
   
       /* MENU ITEMS */
       .main-navigation {
           background-color: #000000 !important;
       }
   
       .main-navigation .navigation-search input[type="search"], 
       .main-navigation .navigation-search input[type="search"]:active {
       	color: #958E1F;
           background-color: #000000 !important;
       }
   
       .main-navigation .navigation-search input[type="search"]:focus {
       	color: #958E1F;
           background-color: #000000 !important;
       }
   
       .main-navigation .main-nav ul li a, 
       .main-navigation .menu-toggle {
       	color: #958E1F;
       }
   
       /* SUB-NAVIGATION */
   
       .main-navigation .main-nav ul ul li a {
       	background: #222222;
       	color: #958E1F;
       }
   
       /* MENU ITEM HOVER */
   
       .main-navigation .main-nav ul li > a:hover, 
       .main-navigation .main-nav ul li > a:focus,
       .main-navigation .main-nav ul li.sfHover > a {
       	color: #958E1F;
           background-color: #000000 !important;
       }
   
       /* SUB-NAVIGATION HOVER */
   
       .main-navigation .main-nav ul ul li > a:hover, 
       .main-navigation .main-nav ul ul li > a:focus,
       .main-navigation .main-nav ul ul li.sfHover > a {
       	color: #958E1F;
       	background-color: #000000 !important;
       }
   
       .main-navigation .main-nav ul li[class*="current-menu-"] > a,
       .main-navigation .main-nav ul li[class*="current-menu-"] > a:hover {
           color: #958E1F;
           background-color: #000000 !important;
       }
       ```
   

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

 *  Theme Author [Tom](https://wordpress.org/support/users/edge22/)
 * (@edge22)
 * [8 years, 5 months ago](https://wordpress.org/support/topic/menu-dropdown-8/#post-9810524)
 * I’m not 100% sure what the end result is supposed to be, but try changing all
   of the `a:hover` in your CSS to `li:hover > a`
 * For example:
 *     ```
       .main-navigation .main-nav ul ul li > a:hover,
       .main-navigation .main-nav ul ul li > a:focus,
       ```
   
 * Should be:
 *     ```
       .main-navigation .main-nav ul ul li:hover > a,
       .main-navigation .main-nav ul ul li:focus > a,
       ```
   
 * Let me know 🙂
 *  Thread Starter [tunesrcool](https://wordpress.org/support/users/tunesrcool/)
 * (@tunesrcool)
 * [8 years, 5 months ago](https://wordpress.org/support/topic/menu-dropdown-8/#post-9810655)
 * ok thats good now but how do i take the arrows out
 *  Theme Author [Tom](https://wordpress.org/support/users/edge22/)
 * (@edge22)
 * [8 years, 5 months ago](https://wordpress.org/support/topic/menu-dropdown-8/#post-9811675)
 * Give this CSS a shot:
 *     ```
       .menu-item-has-children .dropdown-menu-toggle {
           display: none;
       }
   
       .main-navigation .main-nav ul li.menu-item-has-children > a {
           padding-right: 20px;
       }
       ```
   
 *  Thread Starter [tunesrcool](https://wordpress.org/support/users/tunesrcool/)
 * (@tunesrcool)
 * [8 years, 5 months ago](https://wordpress.org/support/topic/menu-dropdown-8/#post-9813451)
 * great thanks
 *  Theme Author [Tom](https://wordpress.org/support/users/edge22/)
 * (@edge22)
 * [8 years, 5 months ago](https://wordpress.org/support/topic/menu-dropdown-8/#post-9813892)
 * No problem 🙂

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

The topic ‘Menu Dropdown’ is closed to new replies.

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

 * 5 replies
 * 2 participants
 * Last reply from: [Tom](https://wordpress.org/support/users/edge22/)
 * Last activity: [8 years, 5 months ago](https://wordpress.org/support/topic/menu-dropdown-8/#post-9813892)
 * Status: resolved