Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 12, 2016 at 5:07 pm #631468
    1039 Online

    We have a website with a tall logo, so I adjusted the height of the submenu using css: 

    /*Set vertical location of submenu*/
.sub-menu {top:139px!important;}

    With a sticky header, now when I scroll down, the submenu is too low and disappears when I move the mouse off the main menu item in order to try to click on a submenu link.

    May 13, 2016 at 4:04 pm #632130
    Yigit

    Hey 1039 Online,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    
.header-scrolled .sub-menu {
    top: 75px!important;
}

    Best regards,
    Yigit

    May 13, 2016 at 6:30 pm #632187
    1039 Online

    Yigit,

    That CSS worked wonderfully. When the page is scrolled down and the mouse hovers over a menu item, a line appears above it. If that menu item has a submenu, then there is a “sandwich” effect. Is there a way to move the line that appears above the menu to below the menu like it normally is?

    Screenshot: https://snag.gy/m8a6s3.jpg

    May 17, 2016 at 3:14 am #633412
    Ismael

    Hi,

    Please add this css code:

    .header-scrolled .avia-menu-fx {
    bottom: 29px !important;
}

    Best regards,
    Ismael

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