menu problems
I have different problems with my menu.
This is the website: www.45seconds.de
1. The content is not on the same "line" as the menu (on the left)
2. I choose the split menu, because i want to have white space between the menu points on the left and the two menu points on the right.
The right menu must be on the right of the website... but it doesnt work because of the sidebar.
3. The menu moves into two rows when display gets smaller.
How can i change this ? I want that when the browser gets smaller the white space betwenn menu left and menu right gets smaller.. for tablet and mobile its okay to have the Menu Icon to click on.
This is the website: www.45seconds.de
1. The content is not on the same "line" as the menu (on the left)
2. I choose the split menu, because i want to have white space between the menu points on the left and the two menu points on the right.
The right menu must be on the right of the website... but it doesnt work because of the sidebar.
3. The menu moves into two rows when display gets smaller.
How can i change this ? I want that when the browser gets smaller the white space betwenn menu left and menu right gets smaller.. for tablet and mobile its okay to have the Menu Icon to click on.
Comments
.logo {
display:none !important;
}
@media only screen and (min-width: 1240px){
.menuo-right #Top_bar .menu_wrapper {
float: left !important;
width:100%;
} }
#menu-links li:last-child {
float:right;
}
#menu-links li:nth-child(6) {
float:right;
}
.logo {
display:none !important;
}
@media only screen and (min-width: 1240px){
.menuo-right #Top_bar .menu_wrapper {
float: left !important;
width:100%;
} }
#menu-links li:last-child {
float:right;
}
#menu-links li:nth-child(6) {
float:right;
}
.menu li:last-child {float:right !important;
}
.menu li:nth-child(6) {
float:right !important;
}