Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #17673


    I am trying to integrate a mega menu into the angular theme. I am having a problem with the positioning. On every page open the menu jumps up a little before settling into the correct place. Any ideas would be appreciated. Here is my temp site:




    I visited the site and hover on the menus but I can’t see a slight jump. What browser are you using?




    Hi Ismael,

    I’ve tried it in safari and chrome on a pc and mac. They’re both jumping very noticeably. The jumping isn’t happening on hover but rather page open. Oddly, if I have inspector open, this seems to stop the effect.



    Hi Conor,

    We aren’t really able to debug customization but I think as everything is finally loading in, the last bit of css is re-positioning the menu to your new location.

    For me at least, the menu starts out centered but the jump after fully loading pushes it outside the container. I suspect its something to do with how you’ve aligned the menu. Look at:

    .align_bottom .main_menu {
    top: 46px;
    left: -30px;

    in layout.css, line 257 and how it interacts with your custom.css .main_menu changes.




    Hi Devin,

    Thanks very much for this. It seemed to do the trick!



Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Menu jumping on page open – mega menu’ is closed to new replies.