Sticky Mega Menu that changes on scroll

  • Resolved marcel12345678

    (@marcel12345678)


    6 years, 6 months ago

    Hi:
    I’m trying to fix a problem with mega menu.
    I’m using elementor and Max Mega menu, my template is ‘Hello Elementor’

    The thing is, I made a sticky menu with no problem, but I want to change the section height when you scroll down. The point is that section has no height, is the Mega Menu who is saying height in menu themes > menu bar > menu height > 100px. That’s because is the way I found for fixing the distance between dropdown and the first level menu (buttons background are transparent)

    But now I want to change the height when I scroll down, connecting with section. I tried to use css for separate dropdown for menu, but I haven’t succeed. I need help!

    I want something like that (I tried with the css that appears in the video):

    Thanks!!!

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author megamenu

    (@megamenu)

    6 years, 6 months ago

    Hi Marcel,

    I think you need some custom CSS like this:

    .elementor-sticky--active #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link {
  line-height: 50px;
  height: 50px;
}

    Regards,
    Tom

    Thread Starter marcel12345678

    (@marcel12345678)

    6 years, 6 months ago

    Very very thak you! It works perfectly

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Sticky Mega Menu that changes on scroll’ is closed to new replies.