Bootstrap 4 Hamburger loading slow after AOS implementation

[imanishpushkar]

Hey, I am creating my portfolio website, after using AOS animation, it looks superb,. I am having one issue, after implementing AOS, the hamburger menu in mobile is appearing very slow, can say after scroll. I tried to remove css and checked again, it was working well, so I thinks it's some conflict with AOS. My code for menu is having standard bootstrap format as below

`

<?php echo get_bloginfo( 'name' ); ?>

    <div class="collapse navbar-collapse" id="collapsibleNavbar">
        <ul class="navbar-nav ml-auto">
            <?php wp_nav_menu(array(
                'theme_location' => 'primary_menu',
                'container' => false,
                'depth'           => 3,
                'menu_class'      => 'nav navbar-nav ml-auto',
                'fallback_cb'     => 'WP_Bootstrap_Navwalker::fallback',
                'walker'          => new WP_Bootstrap_Navwalker(),
                'items_wrap' => '%3$s'
            )) 
            ?>
        </ul>
    </div>  
</nav>`

Please help me, and let me know what's wrong here.

[mrdnote]

I have the same problem. aos seems to be pushing the menu to the right, off-screen. The problem is caused by the aos.css not even the js. If I remove the css file it looks ok again.

[Seamus-Ohhhh]

@imanishpushkar had this same issue, the CSS was setting the width of the div containing aos elements to be wider then screen.

issue can be fixed by setting the width of the nav wrapper to 100vw AND/OR by setting the overflow-x to hidden on the div containing the aos elements.

[mardianto]

I try add my style body, html { overflow-x:hidden }

its'work for me