Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • April 21, 2015 at 6:04 am #431760
    itchybrain

    Hi there Enfold users
    I’ve noticed that sometimes a main menu flips the submenu flyout, from the usual right-hand-side flyout, and instead flies out to the left.
    Does anyone know a way to override this? so that it instead flies out to the right?
    See this screencast to see what I mean: http://screencast.com/t/dugsgmu9y
    cheers
    Darryl

    April 21, 2015 at 7:38 pm #432303
    Yigit

    Hi Darryl!

    Please add following code to Quick CSS 

    #top .av-main-nav ul ul {
  right: -207px;
  left: auto;
}

    Regards,
    Yigit

    April 22, 2015 at 1:07 am #432472
    itchybrain

    Hi Yigit

    Thanks for your snippet. Do you know what activates the menu to do the left instead of the right? Is it a script that considers it too close to the viewport edge? If so, where can I find that script?

    cheers

    Darryl

    April 23, 2015 at 3:13 pm #433513
    Yigit

    Hi!

    You use “Logo left, menu right” option in Enfold theme options > Header, then 3rd level submenu will flyout to left and if you use “Logo right, menu left” then menu will flyout to right. This is simply to stop submenu from moving out of browser. You can find custom CSS in Enfold/css/layout.css on lines 267 and 426

    Cheers!
    Yigit

    April 23, 2015 at 11:20 pm #433813
    itchybrain

    Thank you Yigit, I’ll have a look at those lines of CSS. I really appreciate your ever helpful support, the Enfold team support is the best I have received anywhere.
    cheers
    Darryl

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Main Menu Submenu Flyouts – why are they flying to the left?’ is closed to new replies.