Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • January 23, 2020 at 10:55 am #1177526
    vaishalifulsundar

    Hi,

    I tried limiting the main menu background color to the text with the below css as it extends the entire height of the header.

    #top #header_main > .container .main_menu ul:first-child > li > a {
    height: 30px !important;
    line-height: 30px !important;
    }

    #top #header_main > .container .main_menu .avia-menu {
    top: 40px;
    }

    With this, the main menu(header) is moving up when scrolling down the page.
    Can you please check.

    January 23, 2020 at 8:52 pm #1177859
    Victoria

    Hey Swathi,

    What is the desired behavior?

    Could you please attach a mockup of what you’re trying to achieve?

    Best regards,
    Victoria

    January 24, 2020 at 6:54 am #1178004
    vaishalifulsundar

    Hi,

    Please check the website that I sent and scroll down. The main header menu is not moving up.
    I want to limit the background color for the main menu items. please check the private content.

    Thanks
    Swathi

    January 27, 2020 at 8:17 am #1178592
    vaishalifulsundar

    Can some one please assist ?

    January 27, 2020 at 1:02 pm #1178674
    Mike

    Hi,
    Sorry for the late reply, please add this css to move the menu up after scroll:

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

    Best regards,
    Mike

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