1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

Navigationsprobleme

Dieses Thema im Forum "Design" wurde erstellt von matze1970, 17. April 2017.

Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. matze1970

    matze1970 New Member

    Registriert seit:
    16. April 2017
    Beiträge:
    4
    Zustimmungen:
    0
    Hallo Forum,
    ich brauche jetzt mal eure Hilfe, weil ich mit meinem Latein wirklich am Ende bin.
    Ich verwende die WordPress Version 4.7.3 mit dem Theme Ample. Von diesem Theme habe ich ein Childtheme erstellt.

    Nun habe ich folgendes Problem.
    Ich habe an meiner Navbar einen Border-Top und einen Border-Bottom erstellt. Das hat ja auch alles ganz gut geklappt, aber diese Border erscheinen auch in den Submenus und genau das sollen sie eben nicht. Ich stelle mal von der style.css den Bereich Navigation mit rein. Das Problem könnt ihr euch auch live hier anschauen.

    Es wäre echt klasse, wenn ihr mir helfen könntet.

    Vielen Dank für eure Hilfe
    Der Matze

    /*--------------------------------------------------------------
    5.0 Navigation
    --------------------------------------------------------------*/


    /*
    ====> 5.1 Links
    --------------------------------------------------------------*/
    a {
    color: #7a2d11;
    font-weight: bolder;
    text-decoration: none;
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
    -ms-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    }
    a:focus,a:active, a:hover {
    color:#80abc8;
    text-decoration: none;
    }


    /*
    ====> 5.2 Primary Menu
    --------------------------------------------------------------*/
    border-top: 1px solid #7a141F;
    border-bottom: 1px solid #7a141F;
    }






    .main-navigation li > ul,
    .main-navigation li > ol {
    margin: 0;
    list-style: none;

    }
    .main-navigation {
    float: right;
    padding-right: 10px;




    }
    .main-navigation li {
    float: left;
    position: relative;
    padding: 0 20px;

    }
    .sub-toggle{
    display: none;
    }
    .main-navigation ul >li {
    border-top: 1px solid #7a141F;
    border-bottom: 1px solid #7a141F;




    }
    .main-navigation ul#menu-primary > li:last-child {
    margin-right: 15px;
    }
    .main-navigation li > a {
    line-height: 40px;
    height: 40px;


    }
    .main-navigation ul.menu li a {
    font-size: 14px;


    }
    .main-navigation li.default-menu,
    li.default-menu {
    display: none;
    }
    .main-navigation a {
    color: #666666;
    display: block;
    float: left;
    font-weight: 300;

    }
    .main-navigation ul.menu > li.current-menu-item,
    .main-navigation ul.menu > li.current-menu-ancestor,
    .main-navigation .menu > ul > li.current_page_item,
    .main-navigation .menu > ul > li.current_page_ancestor,{
    color: #80abc8;




    }
    .main-navigation ul.menu > li:hover,
    .main-navigation .menu > ul > li:hover {
    background-color:#7a141F;


    }
    .main-navigation a:hover,
    .main-navigation ul li.current-menu-item a,
    .main-navigation ul li.current-menu-item a:after,
    .main-navigation ul li.current-menu-ancestor a,
    .main-navigation ul li.current-menu-ancestor a:after,
    .main-navigation ul li.current_page_item a:after,
    .main-navigation ul li.current_page_item a,
    .main-navigation ul li.current_page_ancestor a,
    .main-navigation ul li.current_page_ancestor a:after,{
    }
    .main-navigation ul li:hover > a,
    .main-navigation li.menu-item-has-children:hover > a:after,
    .main-navigation li.page_item_has_children:hover > a:after {
    color: #ffffff;

    }
    .main-navigation li.menu-item-has-children > a:after,
    .main-navigation li li.menu-item-has-children > a:after,
    .main-navigation li.page_item_has_children > a:after,
    .main-navigation li li.page_item_has_children > a:after {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #ffffff;
    font-size: 12px;
    padding-left: 6px;
    color: #666666;
    }
    .main-navigation li.menu-item-has-children > a:after,
    .main-navigation li.page_item_has_children > a:after {
    content: "\f0d7";
    }
    .main-navigation li li.menu-item-has-children > a:after,
    .main-navigation li li.page_item_has_children > a:after {
    content: "\f0da";
    position: absolute;
    right: 8px;
    }


    /*
    ====> 5.3 Primary Menu Dropdown
    --------------------------------------------------------------*/
    .main-navigation ul li ul,
    .main-navigation ul li:hover ul ul,
    .main-navigation ul ul li:hover ul ul,
    .main-navigation ul ul ul li:hover ul ul,
    .main-navigation ul ul ul ul li:hover ul ul {
    display:none;
    z-index: 9999;
    }
    .main-navigation ul li:hover ul,
    .main-navigation ul ul li:hover ul,
    .main-navigation ul ul ul li:hover ul,
    .main-navigation ul ul ul ul li:hover ul,
    .main-navigation ul ul ul ul ul li:hover ul {
    display:block;
    }
    .main-navigation ul li ul {
    background-color: #eaeaea;
    padding-left: 0px;
    left: 25px;
    position: absolute;
    top: 40px;
    width: 190px;

    }


    .main-navigation ul li .sub-menu a {
    color:#555555;
    font-weight: normal;
    text-transform: none;
    }
    .main-navigation ul ul > li:last-child {


    }
    .main-navigation ul li ul li {
    float: none;
    padding: 0;


    }
    .main-navigation ul li ul li a,
    .main-navigation ul li.current-menu-item ul li a,
    .main-navigation ul li ul li.current-menu-item a,
    .main-navigation ul li.current_page_ancestor ul li a,
    .main-navigation ul li.current-menu-ancestor ul li a,
    .main-navigation ul li.current_page_item ul li a {
    float: none;
    line-height: 21px;
    font-size: 13px;
    height: 100%;
    padding: 10px 5px;
    color: #666666;
    }
    .main-navigation ul li ul li a:hover,
    .main-navigation ul li ul li:hover > a,
    .main-navigation ul li.current-menu-item ul li a:hover {
    background-color:#7a141F;
    color: #ffffff;

    }
    .main-navigation ul li ul li ul {
    left: 188px;
    top: -1px;
    }
    .main-navigation select {
    display: none;
    }


    /*
    ====> 5.4 Responsive Menu
    --------------------------------------------------------------*/
    .menu-toggle {
    display: none;
    cursor: pointer;
    }
     
  2. Benzli

    Benzli Well-Known Member

    Registriert seit:
    2. Januar 2016
    Beiträge:
    510
    Zustimmungen:
    0
Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden