Menu Display Problem
Hi,
After upgrading to the latest version, my menu background colour, which should be transparent, has gone.
This is the site, http://bit.ly/1Qn0BGM
And this is the current custom code.
#Wrapper, #Top_bar, #Header_wrapper { background-color: transparent !important; }
#Wrapper { box-shadow: 0 0 0 0 !important; }
#Top_bar .menu > li > a span:not(.description) {
border-right-width: 1px;
border-style: solid;
display: block;
line-height: 50px;
padding: 0 5px;
white-space: nowrap;
}
html { background-color: #404690 !important; }
@media only screen and (max-width: 767px) {
#Top_bar #menu ul li a { color: #000 !important; }
}
Comments
to make menu section transparent, please use below css:
#Header .top_bar_left, .header-classic #Top_bar, .header-plain #Top_bar, .header-stack #Top_bar, .header-split #Top_bar, .header-fixed #Top_bar, .header-below #Top_bar, #Header_creative, #Top_bar #menu { background-color: transparent !important; }#Header .top_bar_left, .header-classic #Top_bar, .header-plain #Top_bar, .header-stack #Top_bar, .header-split #Top_bar, .header-fixed #Top_bar, .header-below #Top_bar, #Header_creative, #Top_bar #menu, #Wrapper, #Top_bar, #Header_wrapper { background: transparent !important; }Hope above css will work.