Hallo zusammen,
ich habe im Moment in meinem Menü 5 Einträge. Sobald ich nun einen sechsten hinzufüge, kommt dieser automatisch in eine neue Zeile.
Das würde ich gerne verhindern.
Wordpress-Version: 4.6
PHP-Version: 5.6
Theme: Olsen Light
Der Teil meiner style.css, der für die Navigation verantwortlich ist:
Code
/* ----------------------------------------- 02. Main Navigation
----------------------------------------- */
.nav {
font-size: 11px;
letter-spacing: 2px;
}
.nav ul {
margin: 0;
padding: 0;
list-style: none;
}
.navigation:before, .navigation:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.navigation:after {
clear: both;
}
.navigation li {
position: relative;
z-index: 1000;
}
.navigation > li {
float: left;
}
.navigation ul {
position: absolute;
z-index: 300;
top: -999em;
}
.navigation li:hover > ul,
.navigation .sfHover > ul {
top: 34px;
}
.navigation li li:hover > ul,
.navigation li .sfHover > ul {
top: -2px;
left: 100%;
}
.navigation li li li:hover > ul,
.navigation li li .sfHover > ul {
top: 0;
left: 100%;
}
.navigation a, .navigation .navigation a:visited {
display: block;
white-space: nowrap;
}
.navigation a {
/* Global Menu Link Styles */
}
.navigation a:hover,
.navigation .sfHover > a {
text-decoration: none;
/* First Level & Global Menu Link Hover Styles */
}
.navigation > li > a {
/* First Level Menu Link Styles */
margin-right: 30px;
}
.navigation > li ul a {
background: #fff;
padding: 8px;
margin-bottom: 1px;
letter-spacing: 1px;
font-size: 10px;
/* All Other Menu Level Link Styles */
}
.navigation > li ul a:hover,
.navigation > li ul .sfHover > a {
background: #ebebeb;
color: #161616;
/* All Other Level Menu Link Hover Styles */
}
.navigation > li > a:hover,
.navigation > li.sfHover > a,
.navigation > li.sfHover > a:active {
color: #b49543;
/* WordPress First Level Current/Ancestor Hover Page Styles */
}
.navigation ul {
min-width: 200px;
background: #ebebeb;
padding: 2px;
/* All Lower Level Menu Container Styles */
}
.navigation a.sf-with-ul {
padding-right: 10px;
position: relative;
/* Styling for navigation arrows ---------- */
}
.navigation.sf-arrows .sf-with-ul:after {
content: '\f078';
font-family: FontAwesome;
position: absolute;
top: 41%;
right: -2px;
margin-top: -6px;
font-size: 8px;
font-weight: normal;
}
.navigation.sf-arrows ul .sf-with-ul:after {
right: 8px;
top: 51%;
content: "\f054";
/* Styling for right facing arrows ---------- */
}
.mobile-nav-trigger {
font-size: 16px;
line-height: 1;
display: none;
}
.mobile-nav-trigger:active, .mobile-nav-trigger:focus {
color: #333;
}
/* -----------------------------------------
03. Header
----------------------------------------- */
.site-bar {
border-top: solid 1px #ebebeb;
border-bottom: solid 1px #ebebeb;
padding: 13px 0;
z-index: 10000000;
}
.site-bar .nav {
/* float: left; */
float: center;
width: 65%;
padding-top: 3px;
}
.site-logo {
padding: 30px;
text-align: center;
}
.site-logo a {
display: block;
}
.site-logo p {
font-size: 10px;
color: #7e7e7e;
letter-spacing: 3px;
margin-bottom: 0;
}
Alles anzeigen
Wenn sonst noch Infos nötig sind, kann ich die natürlich noch geben!
Danke schonmal.