Color menu bar and center
Hi
Is it possible to put a background color on just the menu bar. When I try it colors the whole header area. If I do get color on the menu bar it places a margin of about 30px each side of the colored area/container.
Also - is it possible to center the menu whilst having the bar full width?
Thanks
Julian
Comments
this should be possible but not with all header styles. If you will send us url to page where you want to do this, we can have a look on it.
Thanks!
How to change default menu to be backgrounded color as http://www.lanaloves.co.uk/?page_id=2 ?
Regards
#Top_bar #menu { background: #000 !important; }I want to have menu as http://www.lanaloves.co.uk/?page_id=2 with pink color bar.
Kindly gide me..
Thank you,
Singcat
#Top_bar:not(.is-sticky) .menu { padding: 0 !important; }If you want to change more elements, we recommend to look at http://themes.muffingroup.com/betheme/documentation/#theme-customizations where we described how to do this.#Top_bar #menu { background: #ff828a none repeat scroll 0 0 !important; }
#Top_bar .menu > li > a span:not(.description) { border: 0 !important; }
Tried to I add csat Custom CSS, but it's failed.
Please see http://mockup.singcat.com/nomi2/home-2/
And this iw what I want to be http://www.lanaloves.co.uk/?page_id=2 ?
We can give you login detail if you wish to see admin section.
Kindly help.
#Top_bar .menu > li > a span:not(.description) { border: 0; }
#Top_bar #menu { background-color: #FF828A !important; }
#Header .menu > li { display: inline-block; float: none;}
#Top_bar .menu_wrapper { text-align: center; width: 100%; }
#Top_bar .top_bar_left { width: 100% !important; }
#Top_bar:not(.is-sticky) .menu_wrapper {
width: 100% !important;
}
#Top_bar .container .column {
margin: 0;
width: 100%;
}
#Top_bar .container { width: 1240px !important; }