Title: Menu gradient missing
Last modified: August 30, 2016

---

# Menu gradient missing

 *  [atfpodcast](https://wordpress.org/support/users/atfpodcast/)
 * (@atfpodcast)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/menu-gradient-missing/)
 * I noticed in my navigation i lost the gradient in the buttons. If I hover over
   it the sub navigation has it but not the main. please advise.
 * [http://www.abovethefirehouse.com/](http://www.abovethefirehouse.com/) so you
   can see.

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

 *  Theme Author [nobita](https://wordpress.org/support/users/nobita/)
 * (@nobita)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/menu-gradient-missing/#post-6614922)
 * I’m not change menu on most recent Raindrops.
 * I’m check your site, but can not detect reason of gradient.
 * maybe conflict,
 * right click menu then show gradient.（edge browser)
 * Never such a thing is seen
 *  Thread Starter [atfpodcast](https://wordpress.org/support/users/atfpodcast/)
 * (@atfpodcast)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/menu-gradient-missing/#post-6614923)
 * it shows for a split second and then goes away. yeah weird. dont know what could
   be causing it because it was working few updates ago and i was noticing it going
   wait a second.
 *  Theme Author [nobita](https://wordpress.org/support/users/nobita/)
 * (@nobita)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/menu-gradient-missing/#post-6614944)
 * Please try Customizer setting
 * Open customizer / colors / Background Color
 * click Select Color
 * Push Clear button
 * Saved
 *  Thread Starter [atfpodcast](https://wordpress.org/support/users/atfpodcast/)
 * (@atfpodcast)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/menu-gradient-missing/#post-6614946)
 * nope same thing.
 *  Thread Starter [atfpodcast](https://wordpress.org/support/users/atfpodcast/)
 * (@atfpodcast)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/menu-gradient-missing/#post-6615028)
 * here is my css. Perhaps you might see something that might be messing with the
   navigation making it flat minus the active tab
 *     ```
       /*
       Welcome to Custom CSS!
   
       CSS (Cascading Style Sheets) is a kind of code that tells the browser how
       to render a web page. You may delete these comments and get started with
       your customizations.
   
       By default, your stylesheet will be loaded after the theme stylesheets,
       which means that your rules can take precedence and override the theme CSS
       rules. Just write here what you want to change, you don't need to copy all
       your theme's stylesheet content.
       */
       table {
       	display: table;
       	border-collapse: separate;
       	border-spacing: 2px;
       	border-color: purple;
       }
   
       #pmpro_levels_table {
       	background: none;
       }
   
       table {
       	display: table;
       	border-collapse: separate;
       	border-spacing: 2px;
       	border-color: white;
       	border-top-color: gray;
       	border-right-color: gray;
       	border-bottom-color: gray;
       	border-left-color: gray;
       }
   
       .pmpro_checkout thead th {
       	font-weight: bold;
       	color: #fff;
       	padding: 10px;
       }
   
       .pmpro_checkout tr.active td {
       	background: #8D06AF;
       }
   
       #bbpress-forums li.bbp-header {
       	background: #9900FF;
       }
   
       #bbpress-forums li.bbp-footer {
       	background: #9966FF;
       	border-top: 1px solid #EEE;
       	font-weight: bold;
       	padding: 8px;
       	text-align: center;
       }
   
       #bbpress-forums div.odd,
       #bbpress-forums ul.odd {
       	background-color: #282828;
       }
   
       #bbpress-forums div.even,
       #bbpress-forums ul.even {
       	background-color: #282828;
       }
   
       .bbp-topics-front ul.super-sticky,
       .bbp-topics ul.super-sticky,
       .bbp-topics ul.sticky,
       .bbp-forum-content ul.sticky {
       	background-color: #303030 !important;
       	font-size: 1.1em;
       }
   
       #bbpress-forums div.bbp-reply-header {
       	background-color: #000000;
       }
   
       .mp_grid .mp_one_tile:nth-child(4) {
       	margin-top: 0;
       }
   
       .mp_grid .mp_one_tile:nth-child(5) {
       	margin-top: 0;
       }
   
       body.page #mp_product_list.mp_grid .mp_one_tile, body.page #mp_product_list.mp_grid .mp_one_tile .mp_one_product {
       	height: 565px !important;
       	position: relative;
       }
   
       body.page #mp_product_list.mp_grid .mp_one_tile .mp_price_buy {
       	position: absolute;
       	bottom: 0;
       	left: 0;
       }
   
       .tax-product_category .entry > article > img:first-child {
       	display: none !important;
       }
   
       .page .type-product .page-featured-image {
       	display: none;
       }
   
       /*
       .mp_one_product {
       	height: 565px !important;
       	position: relative;
       }
       */
       .mp_price_buy {
       	position: absolute;
       	bottom: 0;
       	left: 0;
       }
   
       #mp_related_products .mp_grid .mp_one_tile {
       	margin-top: 30px !important;
       }
   
       #mp_related_products.mp_grid .mp_one_tile {
       	margin-top: 30px !important;
       }
   
       #access ul ul li,
       #access ul ul,
       #access a {
       	min-width: 0;
       }
   
       #access .page_item_has_children > a:after,
       #access .menu-item-has-children > a:after,
       .ie8 #access .page_item_has_children > a:after,
       .ie8 #access .menu-item-has-children > a:after {
       	content: '';
       }
   
       #access .children li,
       #access .sub-menu li,
       #access .children ul,
       #access .sub-menu ul,
       #access .children a,
       #access .sub-menu a {
       	width: 10em;
       }
   
       .smartDonationsTextBoxDonationContainer td:first-child {
       	text-align: center;
       }
   
       /*
       add_filter( 'raindrops_entry_title_text_elements_allow', 'raindrops_entry_title_text_elements_no_needs' );	 	 
   
       function raindrops_entry_title_text_elements_no_needs( $return_value ) {
       }
       */
       .rd-type-dark #tribe-events-content a,
       .rd-type-dark .tribe-events-event-meta a {
       	color: White;
       }
   
       #pmpro_pricing_fields td {
       	text-align: left;
       }
   
       #pmpro_levels_table .pmpro_btn {
       	display: block;
       }
   
       /*
       .entry-content a:link, .entry-content a:active, .entry-content a:visited, .entry-content a:hover {
       	color: #0C0C0C;
       }
       */
       .pmpro_btn, .pmpro_btn:link, .pmpro_content_message a, .pmpro_content_message a:link {
       	display: inline-block;
       	background-color: #6247EC;
       	background-image: none;
       	border: 1px solid #FFFFFF;
       	border-radius: 4px;
       	padding: 6px 12px;
       	margin: 0;
       	color: #444;
       	font-size: 12px;
       	font-weight: 700;
       	text-transform: none;
       	text-decoration: none;
       	text-align: center;
       	white-space: nowrap;
       	vertical-align: middle;
       	cursor: pointer;
       }
   
       /*
       trying to isolate bbpress colors
   
       .entry-content a:link, .entry-content a:active, .entry-content a:visited, .entry-content a:hover {
       */
       .pmpro_btn {
       	color: #000 !important;
       }
   
       .entry-content a:link, .entry-content a:active, .entry-content a:visited, .entry-content a:hover {
       	color: rgb(245,245,245);
       }
   
       /* bbpress
       */
       #bbpress-forums #bbp-single-user-details #bbp-user-navigation li.current a {
       	background: #A80EC6 none repeat scroll 0 0;
       	opacity: .8;
       }
   
       /* Raindrops makes it to the right so the account info will now allign right */
       td {
       	padding: .2em .5em;
       	text-align: center;
       }
   
       /* Catagory background in store */
       .mp_product_categories {
       	padding: 10px;
       	border: 1px solid #E2E2E2;
       	background: #077EA5 none repeat scroll 0 0;
       }
   
       #header-image p {
       	display: none;
       }
   
       #hd #site-description {
       	display: block !important;
       }
   
       .yui-ge div.first .mp_product {
       	width: 100%;
       }
   
       .mp_product_categories {
       	padding: 10px;
       	border: 1px solid #E2E2E2;
       	background: #7A07A5 none repeat scroll 0 0;
       }
   
       /* Check out Cart*/
       .mp_cart_item:nth-child(2n+1) {
       	background: #323235 none repeat scroll 0 0;
       }
   
       .mp_coupon_form {
       	background: #323235 none repeat scroll 0 0;
       	border: 1px solid #DDD;
       	overflow: hidden;
       	padding: 15px;
       }
   
       .mp_orders_invoice a.button, button.mp_button {
       	color: #F5F3F3;
       	font-size: 16px;
       	font-weight: 700;
       	line-height: 1.5em;
       	background: transparent none repeat scroll 0 0;
       	border: 2px solid #A50ECB;
       }
   
       .mp_products-grid .mp_product_images {
       	min-height: 375px !important;
       }
   
       #access .page_item_has_children > a:after,#access .menu-item-has-children > a:after,.ie8 #access .page_item_has_children > a:after,.ie8 #access .menu-item-has-children > a:after {
       	content: '';
       }
   
       #access .menu > .page_item_has_children, #access .menu > .menu-item-has-children {
       	padding-right: 0;
       }
   
       span.mp_product_price-sale {
       	width: 50%;
       	float: left;
       }
   
       span.mp_product_price-normal {
       	width: 50%;
       	float: left;
       }
   
       .mp_products-grid .mp_product_images {
       	min-height: 275px !important;
       }
   
       .mp_cart_item_content-price .mp_product_price-extended ~ .mp_product_price-normal, .mp_cart_item_content-price .mp_product_price-sale ~ .mp_product_price-normal {
       	color: #F84836;
       	font-size: 14px;
       }
   
       .mp_product_price-sale ~ .mp_product_price-normal {
       	color: #FF4531;
       	font-size: 18px;
       	font-weight: 400;
       }
   
       .mp_product_price-normal.mp_strikeout {
       	width: 75%;
       }
   
       /*styling to move 'Subscribe' to right hand side */
       .single-forum .subscription-toggle {
       	float: right !important;
       }
   
       #bbpress-forums .single-forum .subscription-toggle {
       	float: right;
       }
   
       .pmpro_bbp_membership_msg {
       	padding: 8px 12px;
       	clear: both;
       	margin: 10px 0;
       	background: red;
       	border: 1px solid #cee1ef;
       	border-radius: 2px;
       	color: #ffffff;
       }
   
       #mp-payment-options-list > label[for=mp-gateway-option-paypal_express]:before {
       	content: url('http://www.abovethefirehouse.com/images/paypal.gif');
       	margin-left: 5px;
       }
   
       #mp-payment-options-list > label[for=mp-gateway-option-stripe]:before {
       	content: url('http://www.abovethefirehouse.com/images/stripe_med.png');
       	margin-left: 5px;
       }
   
       #mp-payment-options-list > label[for=mp-gateway-option-wepay]:before {
       	content: url('http://www.abovethefirehouse.com/images/wepay.png');
       	margin-left: 5px;
       }
   
       .mp_product_price {
       	overflow: hidden;
       }
   
       span.exclusive_tax {
       	display: none;
       }
   
       /* For Marketpress sale badge */
       .mp_products-grid .mp_product_images {
       	position: relative;
       }
   
       .mp_products-grid .mp_product_images .mp_onsale {
       	display: inline-block;
       	position: absolute;
       	top: 10px;
       	right: 10px;
       	z-index: 5;
       	background: #8000FF;
       	color: #fff;
       	padding: 4px 12px;
       	-webkit-border-radius: 3px;
       	border-radius: 3px;
       }
   
       div.mp_select2 .select2-choice, div.mp_select2_search .select2-choice {
       	background: #777373 none repeat scroll 0 0;
       	border-color: #DDD;
       	color: #333;
       	font-size: 16px;
       }
   
       .mp_cart_item_content-price {
       	text-align: left;
       }
   
       /* progress bar high*/
       .wdf-basic .ui-progressbar {
       	height: 2em;
       	margin: 10px 0 0;
       }
   
       /* marketpress cart test */
       .mp_cart_item_content-price .mp_product_price {
       	width: 190px;
       	position: relative;
       }
   
       .mp_cart_item_content-price .mp_product_price .mp_product_price-extended {
       	width: 50%;
       	float: left;
       	text-align: center;
       }
   
       .mp_cart_item_content-price .mp_product_price .mp_product_price-each {
       	width: 50%;
       	float: left;
       	clear: left;
       	text-align: center;
       }
   
       .mp_cart_item_content-price .mp_product_price .mp_product_price-normal.mp_strikeout {
       	width: 50%;
       	position: absolute;
       	right: 0;
       	text-align: center;
       }
   
       .mp_cart_item:nth-child(2n) {
       	background: #3B3838 none repeat scroll 0 0;
       }
   
       .ui-progressbar-value {
       	background: purple !important;
       }
   
       . wdf_goal_progress {
       	background: grey !important;
       }
       ```
   
 *  Thread Starter [atfpodcast](https://wordpress.org/support/users/atfpodcast/)
 * (@atfpodcast)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/menu-gradient-missing/#post-6615029)
 * Its normal over at
    [http://www.dreamlandbbs.org](http://www.dreamlandbbs.org)
   only with a white background when I change the color its gone and put it back
   same issue the navigation is flat.
 *  Theme Author [nobita](https://wordpress.org/support/users/nobita/)
 * (@nobita)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/menu-gradient-missing/#post-6615068)
 *     ```
       #access ul ul li,
       #access ul ul,
       #access a {
       	min-width: 0;
       }
   
       #access .page_item_has_children > a:after,
       #access .menu-item-has-children > a:after,
       .ie8 #access .page_item_has_children > a:after,
       .ie8 #access .menu-item-has-children > a:after {
       	content: '';
       }
   
       #access .children li,
       #access .sub-menu li,
       #access .children ul,
       #access .sub-menu ul,
       #access .children a,
       #access .sub-menu a {
       	width: 10em;
       }
       ```
   
 * I can not understand what is specified for this style in order to solve any problem.
 * In my environment, the menu has been destroyed.
 * Please explain the intent
 *  Thread Starter [atfpodcast](https://wordpress.org/support/users/atfpodcast/)
 * (@atfpodcast)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/menu-gradient-missing/#post-6615071)
 * If any site i have with wordpress and your theme I change the background and 
   then go back it changes the menu. now the [http://www.dreamlandbbs.org](http://www.dreamlandbbs.org)
   is not working. I had to change colors in the css because white forground with
   white background does not work. this css i got from you so the menu would fit
   in one line like it did before the menus were made bigger
 * When you have a submenu the button has dimension just not the parent button.
 *  Thread Starter [atfpodcast](https://wordpress.org/support/users/atfpodcast/)
 * (@atfpodcast)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/menu-gradient-missing/#post-6615074)
 * ok this is weird the gradient comes back when the page is about to reload and
   then is there is a second and goes away.
 *  Thread Starter [atfpodcast](https://wordpress.org/support/users/atfpodcast/)
 * (@atfpodcast)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/menu-gradient-missing/#post-6615081)
 * I got it back but I used [http://www.colorzilla.com/gradient-editor/](http://www.colorzilla.com/gradient-editor/)
 *     ```
       #access {
       /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+100;Black+3D+%231 */
       	background: #45484d;
       /* Old browsers */
       	background: -moz-linear-gradient(top,#45484d 0%,#000000 100%);
       /* FF3.6+ */
       	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#45484d),color-stop(100%,#000000));
       /* Chrome,Safari4+ */
       	background: -webkit-linear-gradient(top,#45484d 0%,#000000 100%);
       /* Chrome10+,Safari5.1+ */
       	background: -o-linear-gradient(top,#45484d 0%,#000000 100%);
       /* Opera 11.10+ */
       	background: -ms-linear-gradient(top,#45484d 0%,#000000 100%);
       /* IE10+ */
       	background: linear-gradient(to bottom,#45484d 0%,#000000 100%);
       /* W3C */
       	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45484d',endColorstr='#000000',GradientType=0);
       /* IE6-9 */
       }
       ```
   

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

The topic ‘Menu gradient missing’ is closed to new replies.

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

 * 10 replies
 * 2 participants
 * Last reply from: [atfpodcast](https://wordpress.org/support/users/atfpodcast/)
 * Last activity: [10 years, 7 months ago](https://wordpress.org/support/topic/menu-gradient-missing/#post-6615081)
 * Status: not resolved