Hallo Liebe Community
Ich hoffe das mir hier geholfen werden kann und das ich auch im richtigen unter Forum. Es geht darum ich eine Wordpress Installation mit dem Oria theme aufgesetzt und eine zweite menüleiste hinzugefügt. Soweit so gut nun fängt es an das ich nicht mehr durchsehe. Ich habe eine transparente leiste am oberen Rand der Website die Transparent ist. Und genau diese bekomme ich nicht weg.
Dazu ist zu sagen das ich die main-Navigation für die top-Navigation kopiert und namentlich angepasst hab. im Anhang habe ich mal ein screenshot gemacht. Diese transparente leiste soll da weg, und das Menü am besten ganz oben rechts in die Ecke. Was in dem Screenshot nur schlecht zu sehen ist leider ist das dass Menü ca. 2 cm vom oberen Rand weg ist.
Hier noch der Menü ausschnitt aus der style.css.
Code
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Top Menu
--------------------------------------------------------------*/
.top-navigation {
clear: both;
display:block;
width: 100%;
background-color: rgba(255, 255, 255, 0.15);
position: relative;
z-index: 13;
}
.top-navigation ul {
list-style: none;
padding-left: 0;
text-align: center;
}
.top-navigation li {
float: right;
position: relative;
text-transform: uppercase;
z-index: 11;
font-family: 'Verdana', sans-serif;
font-size: 13px;
}
.top-navigation .menu {
display: table;
max-width: 1500px;
margin: 0 auto;
}
.top-navigation a {
display: block;
text-decoration: none;
color: #000;
padding: 10px 5px;
border-right: 0px solid rgba(255, 255, 255, 0.2);
-webkit-transition: background-color 0.4s;
transition: background-color 0.4s;
}
.top-navigation a:hover {
color: #fff;
}
.top-navigation li:last-of-type a {
border-right: 0;
}
.top-navigation a:hover {
background-color: rgba(232, 163, 23, 0.4);
}
.top-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
text-align: left;
position: absolute;
top: 100%;
left: -999em;
z-index: 99999;
background-color: #fff;
}
.top-navigation ul ul ul {
left: -999em;
top: 0;
}
.top-navigation ul ul a {
width: 200px;
color: #595959;
border-bottom: 1px solid #e0e0e0;
border-right: 0;
padding: 15px 20px;
}
.top-navigation ul ul a:hover {
color: #595959;
}
.top-navigation ul ul li {
text-transform: none;
font-weight: 400;
font-family: 'Lato', sans-serif;
font-size: 8px;
}
.top-navigation li:hover > a,
.top-navigation li.focus > a {
}
.top-navigation ul ul :hover > a,
.top-navigation ul ul .focus > a {
}
.top-navigation ul ul a:hover,
.top-navigation ul ul a.focus {
}
.top-navigation ul li:hover > ul,
.top-navigation ul li.focus > ul {
left: auto;
}
.top-navigation ul ul li:hover > ul,
.top-navigation ul ul li.focus > ul {
left: 100%;
}
.top-navigation .current_page_item > a,
.top-navigation .current-menu-item > a,
.top-navigation .current_page_ancestor > a {
}
/*--------------------------------------------------------------
## Main Menus
--------------------------------------------------------------*/
.main-navigation {
clear: both;
display: block;
width: 100%;
background-color: rgba(255, 255, 255, 0.15);
border-top: 1px solid rgba(255, 255, 255, 0.2);
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
position: relative;
z-index: 13;
}
.main-navigation ul {
list-style: none;
padding-left: 0;
text-align: center;
}
.main-navigation li {
float: left;
position: relative;
text-transform: uppercase;
z-index: 11;
font-family: 'Verdana', sans-serif;
font-size: 16px;
}
.main-navigation .menu {
display: table;
max-width: 1500px;
margin: 0 auto;
}
.main-navigation a {
display: block;
text-decoration: none;
color: #000;
padding: 15px 10px;
border-right: 1px solid rgba(255, 255, 255, 0.2);
-webkit-transition: background-color 0.4s;
transition: background-color 0.4s;
}
.main-navigation a:hover {
color: #fff;
}
.main-navigation li:last-of-type a {
border-right: 0;
}
.main-navigation a:hover {
background-color: rgba(239, 153, 127, 0.4);
}
.main-navigation ul ul {
box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
float: left;
text-align: left;
position: absolute;
top: 100%;
left: -999em;
z-index: 99999;
background-color: #fff;
}
.main-navigation ul ul ul {
left: -999em;
top: 0;
}
.main-navigation ul ul a {
width: 200px;
color: #595959;
border-bottom: 1px solid #e0e0e0;
border-right: 0;
padding: 15px 20px;
}
.main-navigation ul ul a:hover {
color: #595959;
}
.main-navigation ul ul li {
text-transform: none;
font-weight: 400;
font-family: 'Lato', sans-serif;
font-size: 14px;
}
.main-navigation li:hover > a,
.main-navigation li.focus > a {
}
.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}
.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: auto;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
left: 100%;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {
}Ich hoffe das ihr damit etwas anfangen könnt denn ich bin am ende meines Lateins^^
MFG
Dacki