Title: Custom CSS Help
Last modified: April 7, 2024

---

# Custom CSS Help

 *  [tyeglover](https://wordpress.org/support/users/tyeglover/)
 * (@tyeglover)
 * [2 years, 2 months ago](https://wordpress.org/support/topic/custom-css-help-12/)
 * I need help with CSS codes for my header. I have the below CSS to change the 
   color of my menu dropdown but it only works on desktop not mobile. Additionally
   I want to use the same color in the search bar and mini cart. Thanks in advance!
 *     ```wp-block-code
       /* menu dropdown color */
       .site-header-wrapper #site-header #primary-menu-wrapper ul.primary-menu>li.menu-item-has-children>ul.sub-menu, .site-header-wrapper #site-header #secondary-menu-wrapper ul.primary-menu>li.menu-item-has-children>ul.sub-menu {
       	background-color: #cbbea1;
       }
       ```
   
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcustom-css-help-12%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [Benjamin Zekavica](https://wordpress.org/support/users/benjamin_zekavica/)
 * (@benjamin_zekavica)
 * [2 years, 2 months ago](https://wordpress.org/support/topic/custom-css-help-12/#post-17557315)
 * Hallo [@tyeglover](https://wordpress.org/support/users/tyeglover/), I hope this
   is helpful 🙂
 * **This is the CSS Code for mobile menu: **
 *     ```wp-block-code
       .site-header-wrapper #mobile-menu-wrapper {
          background-color: #cbbea1;
        }
       ```
   
 * **This is the ****CSS Code ** for the Search bar:
 *     ```wp-block-code
       .site-header-wrapper #site-header #secondary-menu-wrapper ul#menu-site-tools>li#search-site-tool .search-wrapper {
         background-color: #cbbea1;
       }
       ```
   
 * **This is the CSS Code for the Cart: **
 *     ```wp-block-code
       .header-minicart {
       background-color: #cbbea1;
       }
       ```
   
 *  Thread Starter [tyeglover](https://wordpress.org/support/users/tyeglover/)
 * (@tyeglover)
 * [2 years, 2 months ago](https://wordpress.org/support/topic/custom-css-help-12/#post-17557807)
 * This worked! Thank you so much Benjamin!
 * Maybe you can help me with this as well. I wrote the below code to change the
   background color of the search results but it’s not changing the bar at the bottom
   where it says “powered by jetpack”. I would also like to change the font color
   for the entire popup to #362624 but can’t figure out how.
 *     ```wp-block-code
       .jetpack-instant-search__overlay *
       {background-color: #F6F3Eb;
       }
   
       .jetpack-instant-search__box input[type=search].jetpack-instant-search__box-input {background-color: #f6f3eb}
       ```
   

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

The topic ‘Custom CSS Help’ is closed to new replies.

 * In: [Developing with WordPress](https://wordpress.org/support/forum/wp-advanced/)
 * 2 replies
 * 2 participants
 * Last reply from: [tyeglover](https://wordpress.org/support/users/tyeglover/)
 * Last activity: [2 years, 2 months ago](https://wordpress.org/support/topic/custom-css-help-12/#post-17557807)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics