Sub-Menu dont't work in personalize menu

  • Resolved khahina

    (@khahina)


    9 years, 1 month ago

    Hello,
    Theme version 1.0.6 and 1.0.7
    I like this theme but :

    I had create and activate the personalized menu.
    Indeed i’had to duplicate menu Css to obtain the same as original.

    I wanted sub-menu in navigation bar but this doesn’t work. The sub menu is not hide in the bar, is under the parent menu !

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hello khahina,

    In version 1.0.7 we have removed some unused code and fixed some bugs. About sub-menu we have managed some space at header image banner section which is fine in our demo. So can you please provide us your website url or screenshot to our support team?
    [email protected]

    We will fix your problem soon and will update in our next update.

    Thanks,

    Thread Starter khahina

    (@khahina)

    I’ll send you today a screenshot for the sub menu (done) , my site is in devlopment, on wamp, i can’t take url .

    Just info : in my css child i duplicate the menu style to have the same primary bar ,
    My menu named : primary

    i had changed all primary-menu (your style) in menu-primary

    .home-nav .mainnav .menu-primary-container>ul>li, .home-nav .mainnav .menu-menu-primary-container>ul>li{
    line-height:100px;
    font-size:24px;
    color:#ffffff;
    background:transparent;
    position:relative;
    }

    .home-nav .mainnav .menu-primary-container>ul>li>a, .home-nav .mainnav .menu-menu-primary-container>ul>li>a{
    color:#ffffff;
    padding:0px 20px;
    text-transform: capitalize;
    }
    .home-nav .mainnav .menu-primary-container>ul>li.current,
    .home-nav .mainnav .menu-primary-container>ul>li:hover{
    background:#4b8cb3;
    }
    .home-nav .mainnav .menu-menu-primary-container>ul>li>a{
    display:inline-block;
    }
    .home-nav .mainnav .menu-menu-primary-container>ul>li:hover{
    background:#4b8cb3;
    }
    .home-nav .mainnav .menu-menu-primary-container>ul>li>.sub-menu{
    display:none;
    position:absolute;
    z-index:99999;
    min-width:200px;
    background:#000;
    }
    .home-nav .mainnav .menu-primary-menu-container>ul>li>.sub-menu>li{
    line-height:normal;
    display:block;
    }
    .home-nav .mainnav .menu-menu-primary-container>ul>li>.sub-menu>li>a{
    display:block;
    padding:10px 5px;
    color:#fff;
    }
    .home-nav .mainnav .menu-primary-menu-container>ul>li>.sub-menu>li>a:hover{
    background:#4b8cb3;
    }
    .home-nav .mainnav .menu-menu-primary-container>ul>li:hover .sub-menu{
    display:block;
    }

    Thread Starter khahina

    (@khahina)

    Now my personnalised menu called ‘primary’ and sub-menu works
    with this css in child style theme.

    .home-nav{
    float:right;
    width: 74%;
    padding:0px 15px;
    position:relative;
    }
    .home-nav .mainnav .menu-primary-container>ul>li{
    line-height:100px;
    font-size:24px;
    color:#ffffff;
    background:transparent;
    position:relative;
    }

    .home-nav .mainnav .menu-primary-container>ul>li>a{
    color:#ffffff;
    padding:0px 20px;
    text-transform: capitalize;

    }
    .home-nav .mainnav .menu-primary-container>ul>li.current,
    .home-nav .mainnav .menu-primary-container>ul>li:hover{
    background:#4b8cb3;
    }
    .home-nav .mainnav .menu-primary-container>ul>li>a{
    display:inline-block;
    }
    .home-nav .mainnav .menu-primary-container>ul>li:hover{
    background:#4b8cb3;
    }
    .home-nav .mainnav .menu-primary-container>ul>li>.sub-menu{
    display:none;
    position:absolute;
    z-index:99999;
    min-width:200px;
    background:#4b8cb3;
    font-size:18px;
    }
    .home-nav .mainnav .menu-primary-container>ul>li>.sub-menu>li{
    line-height:normal;
    display:block;
    }
    .home-nav .mainnav .menu-primary-container>ul>li>.sub-menu>li>a{
    display:block;
    padding:10px 5px;
    color:#fff;
    }

    .home-nav .mainnav .menu-primary-container>ul>li>.sub-menu>li>a:hover{
    background:#4b8cb3;
    }
    .home-nav .mainnav .menu-primary-container>ul>li:hover .sub-menu{
    display:block;
    }

    Thread Starter khahina

    (@khahina)

    resolved

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Sub-Menu dont't work in personalize menu’ is closed to new replies.

Tags