Hi,
I am having difficulty making my header menu sit central. I believe this is because there is a section in the menu grid reserved for the logo (which I have chosen not to show).
Some guidance as to which lines of CSS affect this “grid” would be much appreciated! I would like to get rid of the bit of the grid where the logo should go. Thank you in advance.
Website is nobile.fr.
#header .top-header .header-navigation {
text-align: center;
}
#header .top-header .header-navigation ul {
width: 100%;
margin: 35px 0 0 0;
padding: 0 40px;
list-style-type: none;
}
#header .top-header .header-navigation ul li {
margin-left: 0px;
line-height: 1.375;
font-weight: 700;
font-size: 16px;
color: #000000;
text-transform: uppercase;
position: relative;
display: inline-block;
}
#header .top-header .header-navigation ul li:first-child {
margin-left: 0;
}
#header .top-header .header-navigation ul li.menu-item-has-children a {
padding-right: 16px;
position: relative;
z-index: 10;
}
#header .top-header .header-navigation ul li.menu-item-has-children a:after {
content: "\f0d7";
font-family: "FontAwesome";
font-size: 16px;
position: absolute;
z-index: 10;
top: 0;
right: 0;
}
#header .top-header .header-navigation ul li.menu-item-has-children .sub-menu {
width: 250px;
margin: 0;
padding: 10px 0 0 0;
position: absolute;
z-index: 10;
left: 0;
display: none;
}
#header .top-header .header-navigation ul li.menu-item-has-children .sub-menu li {
width: 100%;
margin: 0;
padding: 0;
}
#header .top-header .header-navigation ul li.menu-item-has-children .sub-menu li:first-child a {
padding-top: 10px;
}
#header .top-header .header-navigation ul li.menu-item-has-children .sub-menu li:last-child a {
padding-bottom: 10px;
}
#header .top-header .header-navigation ul li.menu-item-has-children .sub-menu li a {
width: 100%;
background-color: #ffffff;
margin: 0;
padding: 5px 10px;
overflow: visible;
line-height: 1.6;
font-weight: 600;
font-size: 16px;
color: #333333;
text-transform: none;
display: block;
}
#header .top-header .header-navigation ul li.menu-item-has-children .sub-menu li a:hover {
color: #f1d204;
}
#header .top-header .header-navigation ul li.menu-item-has-children .sub-menu li a:after {
display: none;
}
#header .top-header .header-navigation ul li a {
color: #ffffff;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#header .top-header .header-navigation ul li a:hover {
color: #ffde00;
text-decoration: none;