Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • November 10, 2016 at 7:12 pm #710872
    Eleina_Shinn

    Website: http://swfsoccer.eswebsitedesign.com/

    Okay, when I have a large header area, I like to move the Border under each main menu up higher under the link, then I also have to raise up the sub-menu – I have used this custom CSS:

    .avia-menu-fx { bottom: 30%; }
    .av-main-nav ul {margin-top: -62px;}

    But, when you scroll down the page, then hover over a main menu item, the sub-menu overlaps the main menu – do you have some css that would move this down to still appear under the main menu item when you have scrolled down the page?

    Thank you.

    November 11, 2016 at 5:39 pm #711292
    Yigit

    Hey Eleina_Shinn,

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

    .header-scrolled .av-main-nav ul {
    margin-top: -30px;
}

    Best regards,
    Yigit

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