Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 13, 2017 at 12:23 pm #733084
    ariane1001

    Hi,
    I am using the mega menu option on this website: http://bloemfontein.nl/nw16/
    Only under the menu- item ‘Cataloguswoningen op maat’
    This works fine everywhere, but when you have windows 10 you have an option to open a website in Internet Explorer 11 and then its goes wrong.
    You can see a printscreen here: https://goo.gl/photos/7YGFykoNjtqwYwP36

    What can I do to solve this?
    Thanks, Ariane

    January 17, 2017 at 8:45 am #734558
    Ismael

    Hey ariane1001,

    Thank you for using Enfold.

    I would like to check the page but it doesn’t exist. Please re-create the test page so that we can see the issue.

    Best regards,
    Ismael

    January 17, 2017 at 9:46 am #734599
    ariane1001

    Hi Ismael,
    That’s because the site is live now: http://bloemfontein.nl/
    Apparently in IE11 is something with the size going wrong.

    I have another question about the same mega-menu. The images I use for the different mega-menu-items are slightly different from size. When I look in the code they seem to be all the same size: natural: 495×400 but automatically resized they are different sizes. What can I do to give them all the same size?

    Thanks in advance,
    Ariane

    January 20, 2017 at 4:59 am #736169
    Ismael

    Hi,

    Thank you for the info.

    We added a css modification in the Quick CSS field.

    .avia_mega_div .sub-menu li img {
    max-width: 210px;
    height: 165px !important;
    width: 210px;
}

    Please remove browser cache or hard refresh before checking the page. And regarding the thumbnails, please install the following plugin then go to the Settings > Media panel. Look for the “portfolio” thumbnail and enable the “crop” parameter, save, update then regenerate the thumbnails.

    // https://wordpress.org/plugins/simple-image-sizes/

    Best regards,
    Ismael

    January 24, 2017 at 5:01 pm #737833
    ariane1001

    Hi Ismael,
    When I do that it will look bad on different other sizes because image’s won’t be smaller when the viewport gets smaller…
    What I need is a solution specific for IE11 so the resizing works also in that browser.
    Thanks, Ariane

    January 28, 2017 at 5:12 am #739675
    Ismael

    Hi!

    Alright. Please adjust the code a bit.

    .avia-msie .avia_mega_div .sub-menu li img {
    max-width: 210px;
    height: 165px !important;
    width: 210px;
}

    The “avia-msie” class attribute will only exist on IE browsers.

    Regards,
    Ismael

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