Internet Explorer 11 and Mobile Sub Menu Issues

Support
#1

Hello!

First of all this is the website http://attila.photos/mcontracting

I have a couple of problems in IE 11:

  • the scroll isn’t working correctly, I don’t know how to describe it, but it’s like stuttering
  • the menu doesn’t become sticky after I scroll down
  • if I’m at the top of the page, the sub menus are not visible when I’m hovering the mouse over Home Improvements, it appears under the menu bar, which is not visible only if I scroll down.
  • another issue is that the browser quite often crashes while I’m on the website…

The Mobile sub menu issue is when I open the Home Improvements, then I can’t open the Amenities, I tried different devices and also in resized desktop browsers.

One last thing, I have around 10px white space on the left of page between the header and footer, and I’m not sure what have I done, it just appeared and I’m not sure where did I messed up.

I hope you can help me out! Thanks!

#2

Hello There,

Thank you for posting in! Several hours ago we have release a patch. This could resolve the issue you are having. I would recommend that you update your Pro theme to version 1.2.1 first. You can check out what has been fix and changed in this release by reviewing the changelog here:
https://theme.co/changelog/

Please let us know how it goes.

#3

Hi, nothing has been fixed and I would really appreciate if you could help me solve them. At least the scrolling issue in internet explorer, that’s most annoying one.

#4

I managed to fix the scrolling issue, by installing a smooth scrolling plugin. The one which comes with the theme did not work well.

The Mobile Sub menu issue was so annoying, I just simply removed it for now… but it still should be fixed.

#5

Hi there,

Glad you’ve managed to fix the scrolling issue. To fix the mobile sub menu issue, add the following CSS code in the Theme Options > Global CSS or in the Customizer via Appearance > Customize > Custom > Edit GLOBAL CSS

[data-x-collapse="opening"]>ul.sub-menu {
    overflow: auto !important;
    height: auto !important;
}

Cheers!

#6

OMG Thanks! It was so simple, yet I couldn’t find a way to do it haha

Do you have any suggestions to fixt these two issues as well?

  • the menu doesn’t become sticky after I scroll down
  • if I’m at the top of the page, the sub menus are not visible when I’m hovering the mouse over Home Improvements, it appears under the menu bar, which is not visible only if I scroll down.
Click to check the the image

#7

Hi again,

  • It’s a known bug with IE, developers are working to address it as quickly as possible.

  • To fix the dropdown issue, please add the following CSS code in the Theme Options > Global CSS

.hm5 .x-dropdown {
    left: 0px !important;
    top: 100% !important;
    position: absolute !important;
}

Cheers!

#8

Thanks for the reply, however it doesn’t work. Now the drop-down only goes downwards, even in chrome. It is supposed to go upwards if the menu bar is at the bottom of the page and downwards if it’s at the top of the page. I hope you understand what I mean :smiley:

#9

Hey there,

I see what you mean. Best solution here would be to apply the fix for IE then:

.no-preserve3d .hm5 .x-dropdown {
    left: 0px !important;
    top: 100% !important;
    position: absolute !important;
}

.no-preserve3d .hm5 .x-dropdown .x-dropdown {
    left: 100% !important;
    top: 0 !important;
}

Hope this helps!

1 Like
#10

It is better now! But, it still doesn’t go upwards if the menu bar is at the bottom of the page. Check the image below :slight_smile:

#11

Hey there,

That would not work with the fix I’ve provided, please use it as a temporarily solution until a fix is released.

Thank you for understanding!

#12

Okay, I hope it will be fixed soon :slight_smile: Thanks!

#13

Thank you for understanding :slight_smile:

#14

Hello, the menu drop-down was fixed after an update and I haven’t checked it since. Now I noticed it doesn’t work again… could you please help me how to fix it? https://mctginc.ca this is the website, you can compare how the drop-down behaves on chrome and on internet explorer (this one doesn’t work properly and it has to be fixed).

My other issue is that the weird scrolling in IE is back as well… I was able to fix this with a plugin, but it doesn’t work any more… any suggestions to fix this? Thanks!

#15

Hi there,

What’s your IE version, I checked it on my IE11 and the menu behaves the same as how it behaves in my chrome. And the scrolling is fine too except it nudges a bit for every scroll. What smooth scroll plugin did you use? I don’t see any and you may activate it again and let’s see what will happen.

Thanks!

#16

I’m using IE11 as well. So the drop-down for you goes up when the menu is on the bottom? and in the footer as well? Because for me only goes downwards. There is a picture attached if you scroll up a bit so you can see how it should look.

The scroll is like it’s lagging. I used MouseWheel Smooth Scroll plugin before and it fixed it, but now it’s like nothing happens when I enable or disable it. And another weird thing is that in IE there is a big white space beneath the footer, but when the scrolling worked okay then the white space disappeared as well.

The built in smooth scrolling doesn’t work either. Any suggestions for a different plugin?

#17

Hi There,

The issue of dropdown on IE is a bug and it is still open on our issue tracker. Regretfully, we can not provide a quick fix on this, and regretfully we can not provide support for 3rd party plugins (MouseWheel Smooth Scroll), But I saw someone here that was able to make the Smooth Scroll extension work on IE with the right configuration (you need to do a trial and error, to get the right settings)

The space beneath your footer seems to be related to MouseWheel Smooth Scroll plugin.

Thanks,

#18

Hi there,

on our website https://www.seven2one.de/ we have the same issue in IE 11:

  • the menu doesn’t become sticky after scrolling
  • the sub menus are not visible on hover (only for the first menu item it’s working)

Is there a solution for this problem?
Thank you!

Stephan

#19

Hi Stehpan,

The original issue here is already fixed. With same latest version, I have double check and the sticky/fixed top function is working well on my test site. I can see you do have JS errors on the console. This might affect the sticky function on IE. It would be best if you will try a conflict test. Look for any custom JS codes you have and try to remove it. Then clear you cache before checking if the issue persists.

If this is not coming from a custom code, please try plugin conflict test. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

I can confirm the second issue about third level menu not showing on hover on IE11. I added it on our issue tracker for more investigation. We’re sorry for the inconvenience this has caused you.

Please do consider opening a new thread instead for an update or if you have another inquiry to avoid confusions with longer thread. Thank you for understanding.

#21

Hi Lely,

thank you for your reply! I will try the conflict test for the sticky issue and look forward that you’ll find a solution for the sub menu issue.

Thank you!