Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 6, 2014 at 11:58 pm #331229
    marshallrobinson

    I’m having an issue with my left mega-menu appearing off-screen on small screens. I thought all of the mega-menu divs were supposed to appear in the same on-screen location. beta.geology.utah.gov

    Thanks

    October 7, 2014 at 2:15 am #331273
    Yigit

    Hi marshallrobinson!

    Please try adding following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 1140px) {
#menu-item-5955 .avia_mega_div { right: auto !important; }}

    Cheers!
    Yigit

    October 7, 2014 at 9:19 pm #331900
    marshallrobinson

    Hi Yigit,

    This solves the problem of it showing up off the screen; however, I remember before the 3.0 update that all of the 3-columned mega menus appeared in the same location on the screen. For example, the “Hazards” and “For Teachers” mega menu divs on my site both show up in the same location on the screen. Was this changed with the update? Out of curiosity, I removed all of my quick-css to see if it was affecting it, and it wasn’t. I guess what I’m getting at, is that I was hoping that all of my mega-menus would continue to take up the same physical location on the screen like before (Is this still possible?).

    Thanks!

    October 8, 2014 at 5:15 am #332106
    Ismael

    Hi!

    Actually, the mega menu positioning issue is a bit inconsistent. It doesn’t break on other installations. You need to use the suggested code above for now to adjust the position of the mega menu.

    Cheers!
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.