Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 29, 2015 at 1:12 am #387500
    aecad

    Hi, I want to see if it’s possible to align the menu text to the bottom so there is not so much gap between the location where you hover to display the menu fly-out and the first item in the fly-out.

    How can I accomplish this? I’ve tried different CSS changes but cant seem to find the right one.

    Thanks,
    Brian

    January 29, 2015 at 6:00 pm #387835
    Elliott

    Hey aecad!

    Try adding this to your custom CSS.

    .menu > li > a > .avia-menu-text {
  position: relative !important;
  top: 30px !important;
}

    If you have your header set to be sticky then add this as well.

    .header-scrolled .menu > li > a > .avia-menu-text {
  position: relative !important;
  top: 0px !important;
}

    Cheers!
    Elliott

    January 29, 2015 at 8:44 pm #387959
    aecad

    Thanks Elliot!

    Now is it possible to also shrink the menu hover area so that the area where the cursor enables the fly-out menu is only where the text is?

    After the above change, the fly-out menu will be displayed even when hovering at the very top of that whole menu area.

    Thanks,
    Brian

    January 30, 2015 at 7:28 pm #388462
    Yigit

    Hey!

    Can you post the link to your website and a screenshot showing the changes you would like to make please? You can upload screenshots on imgur.com or Dropbox public folder and post the links here

    Regards,
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.