Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • December 9, 2014 at 7:19 pm #365502
    oestersund

    HI,
    on our page – see below – we would like to avoid that on top navigation the dropdpwn menu automatically appears on hover, showing pages of this main chapter.

    But customers shall have to click on e.g. “Gesundheit and Family”, and only then the pages below are shown as dropdown.

    Do you have a solution how to realize this? thx a lot & best rgds oestersund

    December 10, 2014 at 4:58 am #365838
    Andy

    Hi oestersund!

    use this in Quick CSS:

    .html_header_top .header_color .main_menu ul:first-child >li > ul, .html_header_top #top .header_color .avia_mega_div>.sub-menu {
display: none;
}

    Best regards,
    Andy

    December 10, 2014 at 9:59 am #365880
    oestersund

    Thx Andy,
    I´ve included it, but the page looks unchanged. Any idea? Can it be a conflict with other quick css entries or may I need to the change order of those (I tried also to put your code first, but no effect either)?

    Thx again and best regards oestersund / Tilman

    Whole quick CSS is:

    main_menu ul:first-child > li > a { color: #5a5d59; font-weight: 300; font-family: ‘PT Sans’; font-size: 15px;}

    #top .main_menu a:hover {
    background: #00c6dc;
    color: #ffffff;}

    #top .main_menu .menu li ul a { font-weight: 300; font-family: ‘PT Sans’; font-size: 15px; }

    #top .av-main-nav ul ul {
    left: 207px !important;
    }

    .header_color .main_menu .menu ul li a:hover {
    background-color: white;
    color: white !important;}

    .html_header_top .header_color .main_menu ul:first-child >li > ul, .html_header_top #top .header_color .avia_mega_div>.sub-menu {
    display: none;
    }

    .bottom_nav_header.social_header .main_menu ul:first-child {
    background: #828282;}

    h1, h2, h3{text-transform: none !important;}
    body { font-size: 15px; line-height: 100%; }
    h1,h2,h3,h4 { font-weight:normal; }

    #top .flex_column .template-blog .post-title {
    font-size: 20px;}

    #top .tm-promobox2 { line-height: 1.5; }

    #top .tm-ctabox { padding: 15px; border: 2px solid #00c6dc; }

    December 10, 2014 at 4:36 pm #366038
    Yigit

    Hey!

    Please go to Appearance > Menus and remove child pages under parent pages.

    Regards,
    Yigit

    December 10, 2014 at 6:03 pm #366133
    oestersund

    thx Yigit – and sorry for the silly question : where do I find appearance & gt?

    thx again & BR Tilman

    December 10, 2014 at 6:06 pm #366137
    Yigit

    Hey!

    Please see the screenshot – http://i.imgur.com/lu7wB4J.png

    Best regards,
    Yigit

    December 10, 2014 at 6:17 pm #366149
    oestersund

    Hey,
    thx – but if I remove a page there, it´s completely gone and I don´t see it after clicking on the parent page , either…

    Beste rgds Tilman

    December 11, 2014 at 12:55 pm #366604
    Yigit

    Hi!

    Please add following code to Quick CSS

    ul.sub-menu { display: none!important; }

    Cheers!
    Yigit

    December 11, 2014 at 8:14 pm #366855
    oestersund

    HI & Sorry again,
    it is still the same – removing a child page in “menu” makes them completely invisible – equally if I put one or both of the a.m. codes into quick CSS.

    Or do I understand “remove” not correctly in this context?

    thx again & BR Tilman

    December 15, 2014 at 3:20 pm #368295
    Yigit

    Hi!

    Please add following code to Functions.php in Appearance > Editor

    function add_custom_dropdown(){
?>
<script>
jQuery(window).load(function(){
jQuery('ul.sub-menu').attr('style','display: none'); });
jQuery('.av-main-nav > li > a').click(function() {
jQuery( '.av-main-nav > li > ul.sub-menu' ).toggle();
});
</script>
<?php
}
add_action('wp_footer', 'add_custom_dropdown');

    Cheers!
    Yigit

    December 19, 2014 at 12:52 pm #370527
    oestersund

    Hi Yigit,
    thx – but now a friend have found another way with defining menu/page classes – w/o functions.php edits.

    best regards Tilman

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Customize main dropdpwn menu – shall not dropdown on hover’ is closed to new replies.