Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #631468

    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.


    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,



    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



    Please add this css code:

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

    Best regards,

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