Tagged: , , , ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 8, 2016 at 1:28 pm #561934
    agencyteam

    Hello,

    first of all, thank you for your great work.

    In Internet Explorer 9 I discovered a problem with the mega menu. The problem only shows when advanced layerslider is added to the top of a page (in my case only homepage). If so the mega menu width starts at the left border of the parent list element so it doesn’t use the full screen width.

    Link to the site is in private content. Mega menu can be found under “Produkte”.

    on all other sites mega menu works as it should.

    January 8, 2016 at 1:30 pm #561936
    agencyteam

    Thanks in advance for your help.

    January 10, 2016 at 8:22 am #562651
    Vinay

    Hi!

    This looks good to me.

    Please provide us with a screenshot of the error you mentioned so we can help you better.

    Best regards,
    Vinay

    January 11, 2016 at 10:19 am #563020
    agencyteam

    Hi,

    sorry. I should have provided a screenshot at the first place. To us it looks like that:


    mega menu “Produkte” + Layerslider issue IE 9.0.8112.16421

    When I remove the layerslider element from the page mega menu shows correct.

    Best regards,
    Chris

    January 12, 2016 at 9:20 am #563756
    Ismael

    Hey!

    I’m not sure if this is going to help but please add the following code in the Quick CSS field:

    .avia-msie #header .twelve.units {
    min-width: 971px;
    width: 971px;
}

    Cheers!
    Ismael

    January 12, 2016 at 10:20 am #563786
    agencyteam

    Hi!
    Thanks für your reply Ismael. Unfortunately it didnt’t help.

    I tried myself to style the menu in a similar way and it turned out nearly the same. But I think the Layerslider element is doing something strange. But i can’t figure out what it does.

    Thanks
    Chris

    January 13, 2016 at 11:31 am #564538
    Ismael

    Hey!

    It actually improves so we maybe on to something. Please add the following code: 

    .avia-msie #header .twelve.units {
    right: -472px;
}

.avia-msie #header .three.units {
    min-width: 149px;
    width: 149px;
}

    Adjust the values as needed.

    Regards,
    Ismael

    January 13, 2016 at 11:46 am #564551
    agencyteam

    Hi,
    that works!
    Thank you very much
    Chris

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘IE Bug Megamenu + media element "Layerslider"’ is closed to new replies.