Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #1468352

    As you can see on https://2024-liptonrogers-com.stackstaging.com/contact/

    When scrolling the menu items (page tabs) move up – how to stop this?

    How do we remove the white line when scroling?

    See our envisaged idea > https://ibb.co/JzbX8dg

    #1468376

    Hey whdsolutions,
    It looks like you have the shrinking header enabled in the theme options, this is why the menu items and logo moves up, try disabling this option.
    Enfold Theme Options ▸ Header ▸ Header behavior

    Best regards,
    Mike

    #1468407

    We want to keep the shrinking header, but make it behave the way I have asked.

    #1468443

    Hi,
    So do you mean that you want to use the shrinking header, but not on that one page?
    If you use the shrinking header on this page, the menu items will make the menu items move because the header shrinks.

    Best regards,
    Mike

    #1468550

    We want to keep the shrinking header, but:

    1. Stop the menu links from raising up on scroll.
    2. Make the white line underneath disapear on scroll.

    Hope that is more understandable.

    #1468565

    in other words – shrink only the logo the rest stays on position – white line erased.

    #top #header_main > .container, 
    #top #header_main > .container .main_menu .av-main-nav > li > a, 
    #top #header_main #menu-item-shop .cart_dropdown_link {
      line-height: 244px !important;
    }
    
    #top #avia-menu::after {
      transition: opacity 1s ease;
    }
    
    #top #header.header-scrolled #avia-menu::after {
      opacity: 0;
    }
    #1468590

    Again – thank you so much!!!

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Strange menu activity on scroll’ is closed to new replies.