Tagged: ,

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • January 30, 2014 at 12:18 pm #216909
    ceubri

    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… ;(

    January 31, 2014 at 7:39 pm #217620
    Yigit

    Hi ceubri!

    Can you elaborate? A screenshot would help

    Cheers!
    Yigit

    February 3, 2014 at 12:15 pm #218748
    ceubri

    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

    February 4, 2014 at 3:49 am #219142
    Yigit

    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

    February 4, 2014 at 11:09 am #219277
    ceubri

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

    February 4, 2014 at 1:02 pm #219317
    Ismael

    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

    February 4, 2014 at 1:43 pm #219341
    ceubri

    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)

    February 5, 2014 at 12:09 am #219703
    Yigit

    Hey!

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

    Regards,
    Yigit

    February 5, 2014 at 10:51 am #219870
    ceubri

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

    February 6, 2014 at 4:42 am #220278
    Josue

    Tested in Chrome 32, here’s how i see it:
    http://screencast.com/t/qGTw3UkX

    Regards,
    Josue

    February 6, 2014 at 10:46 am #220399
    ceubri

    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

    February 7, 2014 at 5:17 pm #220946
    Yigit

    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

    February 8, 2014 at 8:27 pm #221255
    ceubri

    Sorry but the probleme occurs when it’s on “publications”
    http://epsu-cj.eu/carriere-des-fonctionnaires/

    February 9, 2014 at 6:35 am #221305
    Josue

    Hey!

    Try adding this code to the Quick CSS:

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

    Cheers! 
    Josue

    February 10, 2014 at 11:19 am #221624
    ceubri

    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

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘menu submenu position’ is closed to new replies.