responsive menu background colour

[fanlokbun]

http://www.rahandco.com

In the design of my Neighbourhood themed shop my client wanted a repeating pattern accross the top of the site. This interferes with the hidden desktop, cart and search buttons in responsive. How would I add a white background to these 3 buttons or move them to below the bar

This is the css I used for the background image:

.wc-new-badge{display:none !important}
#header {
background-image:url(http://www.rahandco.com/wp/wp-content/uploads/2014/08/header-back.jpg);
background-repeat:repeat-x;
background-position:right;
}
#header-section #header {
    padding: 0px 0px;
}

Thanks Rob

[Kyle – SUPPORT]

Hi

You could add a white background to them using this css, but it doesn’t look too good:

#logo > a.hidden-desktop {
  background-color: #fff;
  padding: 3px;
}

– Kyle

[fanlokbun]

Thanks Kyle no it didn’t look good as it was but I made a few modifications and now it is acceptable:

#logo > a.hidden-desktop {
  background-color: #fff;
  padding: 10px 10px 2px 10px;
}
#logo a.mobile-cart-link {
    margin-top: 0px;
	}
	
.menu > li.shopping-bag-item a > i.sf-cart, .mobile-cart-link i.sf-cart {
	margin-right: 0;
	margin-top: -10px;
    vertical-align: 0px;
	}

Thanks again for your help.

Rob

[Kyle – SUPPORT]

Ok great 🙂

– Kyle