Hallo SirEctor
Es gibt ein Menü oben Rechts und eines in der Mitte Links. ein sidebar Menü hab ich noch nicht ausprobiert kann ich dieses im Header mit rein bringen ?
Beiträge von Dacki
-
-
Hallo Leute
Ich bearbeite eine neue Website die ich mit Wordpress umsetzen möchte. Entschieden haben wir uns für das Oria Theme. Das zweite Menü oben links habe ich bereits geschafft mit rein zu bringen. Ich bin selber schon etwas länger aus dem Webdesign Thema raus und versuche mich da wieder einzuarbeiten.
Die Website ist http://cio2go.de das Problem ist das das untere Menü nicht in dem grauen Balken des Bildes bleibt, sondern immer am unteren rand hängt. Wie kann ich das ändern hat da jemand eine Idee ?Ich danke euch für eure Bemühungen.
MFG
Dacki -
Hallo liebe Community
in der Zwischenzeit habe ich die Transparente leiste am oberen rand selber ausblenden können bzw. ein workaround dafür gefunden. Dies ist einfach nur das ich die Transparenz auf 0 gesetzt habe.
Nun bleibt mir nur noch die frage wie bekomme ich das menü nach oben rechts an den rand wo ja dieser transparente kasten steht . Ich danke euch für eure mühen.
/*--------------------------------------------------------------
## Top Menu
--------------------------------------------------------------*/
.top-navigation {
clear: both;
display:block;
width: 100%;
background-color: rgba(255, 255, 255, 0);
position: relative;
z-index: 13; -
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
Alles anzeigen/*-------------------------------------------------------------- ## 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