Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 1, 2021 at 12:28 pm #1303401
    byallmeans

    I set my menu to center vertical align:

    nav.main_menu {
    top: 50%;
    }

    But when I scroll, the menu is not in the header anymore, but overlaps the page.

    June 3, 2021 at 4:34 am #1303681
    Rikard

    Hey byallmeans,

    Could you post a link to where we can see the results you are getting please?

    Best regards,
    Rikard

    June 3, 2021 at 9:12 am #1303717
    byallmeans
    This reply has been marked as private.
    June 6, 2021 at 9:33 pm #1304295
    Mike

    Hi,
    Thank you for your patience and the link to your site, I believe the issue is that when your page is scrolled and the header shrinks the nav is not adjusted to match, please try this css to correct, in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    #top #header.header-scrolled #header_main > .container .main_menu .avia-menu {
    top: 5px;
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    June 7, 2021 at 1:11 pm #1304401
    byallmeans
    This reply has been marked as private.
    June 7, 2021 at 1:20 pm #1304402
    Yigit

    Hi,

    You are welcome! :)

    For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/

    If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)

    Enjoy the rest of your day!

    Best regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Vertical align menu – scrolling problem’ is closed to new replies.