Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #216909

    Please help me to have a correct menu / submenu when scrolling…

    http://epsu-cj.eu/

    I put the code :

    #top .main_menu .menu > li > a {
    padding-top: 20px;
    }
    #top .header-scrolled .main_menu {
    margin-top: 20px!important;
    bottom: 15px!important;
    }
    .header-scrolled .sub-menu {
    top: 72px;
    }
    .header-scrolled .avia-menu-fx {
    bottom: -15px;
    }
    .header-scrolled .avia_mega_div {
    top: 76px;
    }
    .header-scrolled .avia-menu .avia_mega_div .sub-menu {
    padding-top: 20px;
    top: -4px;
    }

    But it’s not the same on chrome, firefox, ie… ;(

    #217620

    Hi ceubri!

    Can you elaborate? A screenshot would help

    Cheers!
    Yigit

    #218748

    Yes,
    – the avia-menu-fx is too high when it’a a mega menu : http://imgur.com/N1os6KF

    – and the avia-menu-fx exceeds 1px too high : http://imgur.com/bCPziYt

    #219142

    Hey!

    Please try adding following code to Quick CSS as well

    .header-scrolled .main_menu .menu > li > a { height: 73px!important; }

    If that does not work, please explain what you would like to do with the header, we may provide you other custom CSS to achieve the same effect

    Cheers!
    Yigit

    #219277

    Ok, it works,
    but the avia-menu-fx is 1px too high (only in mega menu): http://imgur.com/bCPziYt (http://epsu-cj.eu/carriere-des-fonctionnaires/) and when scrolling too…
    but it’s ok in other menus : http://epsu-cj.eu/bienvenue/
    Thanks for your patience ;)

    The only things i want is a main menu moved down and all the menus (when scrolling too) works… ;)
    actually heres my css code :

    #top .main_menu .menu > li > a {
    padding-top: 20px;
    }
    #top .header-scrolled .main_menu {
    margin-top: 20px !important;
    bottom: 15px !important;
    }
    .header-scrolled .main_menu .menu > li > a { height: 73px!important; }
    .header-scrolled .sub-menu {
    top: 72px !important;
    }
    /*.header-scrolled .avia-menu-fx { bottom: -15px !important; }*/
    .header-scrolled .avia_mega_div {
    top: 76px !important;
    }
    .header-scrolled .avia-menu .avia_mega_div .sub-menu {
    padding-top: 20px !important;
    top: -4px !important;
    }

    #219317

    Hey!

    Please add this on Quick CSS to move the avia-menu-fx when there is a mega menu:

    .menu-item-mega-parent .avia-menu-fx {
    bottom: 0;
    }

    Cheers!
    Ismael

    #219341

    that was not working,
    but i put this code, and it seems to be ok :
    .menu-item-mega-parent .avia-menu-fx {
    top: 115px !important;
    }
    .header-scrolled .menu-item-mega-parent .avia-menu-fx {
    top: 72px !important;
    }

    the only things, that’s not ok is the z-index (the avia-menu-fx seems to be behind the layer-slider)

    #219703

    Hey!

    Which browser are you using? This is how it looks on my end http://i.imgur.com/vg12LKF.jpg

    Regards,
    Yigit

    #219870

    I’m using chrome / firefox / ie and it’s the same (after empty cache / css)
    it must be 2px height

    http://imgur.com/hNaJt6Q

    #220278

    Tested in Chrome 32, here’s how i see it:

    http://screencast.com/t/qGTw3UkX

    Regards,
    Josue

    #220399

    Yes I see,
    but the probleme is when it’s on “publication” pages, the avia-menu-fx (with the arrow) is too thin…

    http://www.screencast.com/t/eSrFzraFw

    #220946

    Hi!

    It seems like you have already figured it out http://i.imgur.com/vaAUNCy.jpg
    Let us know if you have any other questions or issues

    Cheers!
    Yigit

    #221255

    Sorry but the probleme occurs when it’s on “publications

    http://epsu-cj.eu/carriere-des-fonctionnaires/

    #221305

    Hey!

    Try adding this code to the Quick CSS:

    .menu-item-mega-parent {
        top: 1px;
    }

    Cheers! 
    Josue

    #221624

    sorry, it’s not working but :

    .menu-item-mega-parent {
    padding-bottom: 2px;
    }

    work’s !!

    > here’s the final code :
    #top .main_menu .menu > li > a {
    padding-top: 20px;
    }
    #top .header-scrolled .main_menu {
    margin-top: 20px !important;
    bottom: 15px !important;
    }
    #top .avia-menu .avia_mega_div .sub-menu {
    top: -2px !important;
    }
    .avia-menu-fx {
    top: 115px !important;
    }
    .header-scrolled .main_menu .menu > li > a { height: 73px!important; }
    .header-scrolled .sub-menu {
    top: 73px !important;
    }
    .header-scrolled .avia_mega_div {
    top: 75px !important;
    }
    .header-scrolled .avia-menu .avia_mega_div .sub-menu {
    padding-top: 20px !important;
    top: -3px !important;
    }
    .menu-item-mega-parent .avia-menu-fx {
    top: 115px !important;
    }
    .header-scrolled .menu-item-mega-parent .avia-menu-fx {
    top: 72px !important;
    }
    .menu-item-mega-parent {
    padding-bottom: 2px;
    }

    Thanks

Viewing 15 posts - 1 through 15 (of 15 total)

The topic ‘menu submenu position’ is closed to new replies.