Hallo Zusammen,
Ich würde gern das oben befestigte Hauptmenü wegscrollbar machen. Auf kleinen Laptops hätte man somit mehr Visibility.
Hat irgendjemand eine Idee. Gibt es dafür Plugins?
Site: https://www.ghostwriter-arbeiten.de
Hier ein Auszug aus der style.css
/*---------------------------------------
** 5.0 Navigation -----
-----------------------------------------*/
/*---------------------------------------
** 5.1 Links -----
-----------------------------------------*/
a {
color: #e96656;
}
a:visited {
color: #e96656;
}
a:hover,
a:focus,
a:active {
color: #cb4332;
}
/*---------------------------------------
** 5.2 Menus -----
-----------------------------------------*/
.main-navigation {
clear: both;
display: block;
float: left;
width: 100%;
}
.main-navigation ul {
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation li {
float: left;
position: relative;
}
.main-navigation a {
display: block;
text-decoration: none;
}
.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
display: none;
float: left;
left: 0;
position: absolute;
top: 1.5em;
z-index: 99999;
}
.main-navigation ul ul ul {
left: 100%;
top: 0;
}
.main-navigation ul ul a {
width: 200px;
}
.main-navigation ul ul li {
}
.main-navigation li:hover > a {
}
.main-navigation ul ul :hover > a {
}
.main-navigation ul ul a:hover {
}
.main-navigation ul li:hover > ul {
display: block;
}
.main-navigation .current_page_item a,
.main-navigation .current-menu-item a {
}
.navbar-collapse{
overflow: visible !important;
}
.navbar-inverse li.menu-item-open-left:hover > ul.sub-menu,
.navbar-inverse li.menu-item-open-left.link-focus > ul.sub-menu {
right: 0;
}
.navbar-inverse li.menu-item-open-left li:hover > ul.sub-menu,
.navbar-inverse ul ul li.link-focus > ul.sub-menu {
right: 100%;
left: auto;
}
.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
margin: 0 0 1.5em;
overflow: hidden;
}
.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
}
.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}
.nav-links a {
color:#e96656;
}
.site-main .post-navigation {
float: left;
width: 100%;