Beiträge von matze1970

  • Darstellung des Navigationsmenüs

    Hallo Forum,

    ich habe folgendes Problem mit meinem Theme. Ich verwende WordPress 4.7.3 und das Theme Ample. Von diesem Theme habe ich ein Childtheme erstellt, welches ich zurzeit bearbeite. Nun habe ich folgendes Problem mit meiner Navigationsleiste. Ich habe an meiner Navigationsleiste einen Border-Top und einen Border Bottom eingebaut. Soweit funktioniert auch alles, aber sowohl der Border-Top, als auch der Border-Bottom werden in den Submenüs ebenfalls angezeigt und das soll halt nicht sein. in den Submenüs sollen keine Borderlinien angezeigt werden und wenn, dann auf jedenfall andersfarbige. Ihr könnt euch das problem auch hier anschauen. Ich poste mal aus der style.css den Bereich Navigation mit. Ich bin mir sicher, dass ich hier irgendwo etwas übersehe.

    Vielen lieben Dank für eure Hilfe.

    Der Matze

  • Navigationsprobleme

    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;
    }