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

    Hi,

    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:

    http://igloodesign.ca/Faulhaber/

    Thanks!

    #96387

    Hi,

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

    Regards,

    Ismael

    #96388

    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.

    Conor

    #96389

    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.

    Regards,

    Devin

    #96390

    Hi Devin,

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

    Cheers!

    Conor

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

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