.menu-menu-container ul li {
float:left;
width:10%; /*play with width to adjust your menu according to your choice*/
}
.facebook a:hover{
color:yellow;
}
Could you be a little more specific? I am not eaxctly sure where to insert this code. I cannot find it in the CSS
In custom css option or style.css
So when I click on it in google chrome i can see the menu container and i can add float but that itself will not solve m issue. However, when I go in style.css I cannot find menu. container. Please help
Also in custome CSS it doesn’t seem to help. Any other options I could try? Sorry, like I said I am no expert on the subject
Post link of your website. I will check it out.
Could you please paste those codes in your style.css
here’s your menu-menu-container class http://imgur.com/P6t2cnn
Thanks for your help. What ended up fixing it was the code below. this set it back to the default catch menu
#header #mainmenu {
float: left;
border:1px solid #ccc;
/*background-color:#fff;*/
background-color:red;
margin-top:40px;
position:relative;
width:976px;
z-index:1000;
box-shadow:0 1px 0px #fff;
}
#header #mainmenu ul li a {
padding: 0 15px;
display: block;
/*color: #fff*/;
color:white !important;
font-size: 15px;
line-height: 48px;
color: #444;
float: left;
}
#header #mainmenu ul li a:hover, #header #mainmenu ul li.current_page_item a, #header #mainmenu ul li:hover > a {
/*background-color: #444;*/
background-color: white;
/*color: #fff;*/
color:blue !important;
}
