Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 14, 2015 at 11:13 pm #379785
    solsikkehaven

    http://bit.ly/1zdFT56

    mobile menu (using iPad in normal view, not widescreen):
    menu looks ok until “natur og steder” – the submenu items then is hidden way outside to the left of the screen
    and it just looks weird :-(

    Could you advise on what to do to correct this issue
    thanks so much.

    January 15, 2015 at 7:30 pm #380328
    Yigit

    Hey solsikkehaven!

    Can you post a screenshot and show the issue please? I do not have an actual ipad but i tried resizing the browser window and ipad emulators and could not reproduce the issue.
    You can upload your screenshots on imgur.com or Dropbox public folder and post the links here.

    Regards,
    Yigit

    January 15, 2015 at 9:12 pm #380432
    solsikkehaven

    Hello Yigit,

    Here’s the screenshot.

    Look at menu the menu items compared to the regular menu items, After Natur og Steder there’s many submenu items, but they are pushed way to the left, out of sight….

    https://drive.google.com/open?id=0B6xAQPg62-WPNlVSMEc2TWxubjA&authuser=0

    January 15, 2015 at 9:19 pm #380441
    Yigit

    Hi!

    Please add following code to Quick CSS 

    @media only screen and (max-width: 990px) {
li#menu-item-235 .avia_mega_div.avia_mega2.six.units { left: 0; }}

    Best regards,
    Yigit

    January 15, 2015 at 10:47 pm #380508
    solsikkehaven

    Thank you – the code does seem to do the trick. Unfortunately I also have (almost the same) code for the normal menu to correct for 2x mega menu alignment issues, so my complete quick css is now:

    .inner-container {
    margin-top: 30px;
    }

    @media only screen and (max-width: 990px) {
    li#menu-item-235 .avia_mega_div.avia_mega2.six.units { left: 0; } !important;}

    @media only screen and (max-width: 990px) {
    li#menu-item-36 .avia_mega_div.avia_mega2.six.units { left: 0; } !important;}

    li#menu-item-235 .avia_mega_div.avia_mega2.six.units {
    left: -250px !important;
    }

    li#menu-item-36 .avia_mega_div.avia_mega2.six.units {
    left: 0px !important;
    }

    and the last 2 items does something so that the @media only screen and (max-width: 990px) versions are overruled….
    should the

    li#menu-item-235 .avia_mega_div.avia_mega2.six.units {
    left: -250px !important;
    }

    li#menu-item-36 .avia_mega_div.avia_mega2.six.units {
    left: 0px !important;
    }

    be more specific somehow to only apply for the “real” menu, not the mobile menu or ??

    January 16, 2015 at 6:44 pm #380989
    Yigit

    Hey!

    Please change following code

    @media only screen and (max-width: 990px) {
li#menu-item-235 .avia_mega_div.avia_mega2.six.units { left: 0; } !important;}

@media only screen and (max-width: 990px) {
li#menu-item-36 .avia_mega_div.avia_mega2.six.units { left: 0; } !important;}

    to following one

    @media only screen and (max-width: 990px) {
li#menu-item-235 .avia_mega_div.avia_mega2.six.units { left: 0 !important; }}

@media only screen and (max-width: 990px) {
li#menu-item-36 .avia_mega_div.avia_mega2.six.units { left: 0 !important; }}

    Best regards,
    Yigit

    January 17, 2015 at 9:21 am #381205
    solsikkehaven

    Thank you very, very much !

    works 100% now.

    Although still wondering why it is neccessary to adjust mega menu in Enfold – is that normal for all mega menu’s on other themes etc. having to adjust via CSS for every mega menu that you create to be sure it is positioned correctly

    (that started this issue, correcting for the mega menu in normal view – which corrected that issue, but created the problem on the mobile menu instead)..

    Anyways – thanks alot for your good support !

    January 19, 2015 at 7:02 pm #382020
    Yigit

    Hi!

    You are welcome! For your information, Enfold 3.0.5 was just released, which fixes megamenu issues. Feel free to update your theme any time – http://kriesi.at/documentation/enfold/updating-your-theme-files/
    Cheers!
    Yigit

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