[Hans]

After the update I put in some new pages in the website and now the menu dropdown comes behind the header and some pages are due to this not visible.
Secondly in these new pages the bullets of the list are in the image and I can’t get it right.
These “problems” are only visible in Internet Explorer, not in Google chrome or Safari.

How can I solve this?

Kind regards

[Sakin]

@Hans: Can you post the screenshot of the issues and your site URL?

[Betty]

The URL of the website is : http://digidoc.be/

Can’t make a screenshot of the bullets in the pictures as I can’t open the page as I can’t click on the page in the menu. I know it happens on the page “Financiële sector en verzekeringen” under “Sectoren”.

Also noticed that in IE the icons of Facebook and Twitter don’t show in IE. They do in Google Chrome.

[Betty]

Menu isn’t “jumping” anymore but only in IE bullets of text remain in the picture.

How can I solve this?

Kind regards

[Sakin]

@Betty: I think you are checking it in IE8, our theme supports only from IE9 onwards. IE8 is very old to give support. If you are searching for IE8 issues then see this http://catchthemes.com/support-forum/topic/site-not-working-in-internet-explorer-8/

[Betty]

Sakin,

I am using IE11.
Version 11.0.9600.16521IS
Update version: 11.0.4 (KB2925418)

Betty

[Betty]

After updating the theme my problem is still there.
No solution?

Betty

[Sakin]

@Betty: I don’t get it. When I check in your site in IE11, IE10 and IE9 all working fine. Can you refresh and check in.

[bobgarrett]

Did this ever get resolved as I have a similar problem?
I am using dropdown menus and a slider. This is working correctly on my PC in Firefox, Chrome, IE11 etc.
However, one user says that in IE11 the dropdown does not appear. I have checked his compatibility view is off (like mine) and if desperate may ask him to reset IE11 to default but would prefer to find out why this happens in case others have a similar problem.

Thanks

[bobgarrett]

Apologies, I now have a correction to the problem. The menu appears when you hover over the main menu item but when you slide the mouse down to the sub menu the submenu dissapears.
Any suggestions?

[Sakin]

@bobgarrett: Can you post in your site URL so that I can check in and also if you can upload screenshot of issue in your site or any photo-sharing site and send me the link of screenshot.

[bobgarrett]

The site is http://www.ccrc.co.uk. Not really any point in providing a screen grab as it would simply show the dropdown not dropped down! Is there any setting in IE11 which might have caused this?

[Sakin]

@bobgarrett: Is this demo site submenu opening for you http://catchthemes.com/demo/catch-kathmandu/ or only have problem in your.

I am away from office so I don’t have Internet Explorer 11 to check in. But when I check in all other browser FF, Chrome, Safari. It’s working fine. Can you try adding in the following css and add it in “Appearance => Theme Options => Custom CSS” box:
#secondary-menu ul.menu ul { top: 45px; }

[bobgarrett]

I had thought it must be some strange setting on one PC but another person has now reported it. Your fix seems to have resolved it.
Still don’t understand why it is different from PC to PC on IE but maybe that’s IE!
Many thanks.

[Sakin]

@bobgarrett: Yes, that is why Microsoft is going to replace IE with Spartan

[bobgarrett]

Sorry to raise this again but now another user has reported the same problem of the dropdown menus disappearing when you move the mouse over them! The first two users say it is still OK for them after the fix. The latest user is using IE10. Any suggestions?

Thanks

[Sakin]

@bobgarrett: Not sure about that as it’s working fine in my side. You might want to check with IE css developer.

[bobgarrett]

I thought this was all resolved but – such is life – now have a related problem.

You recall you suggested adding
“Appearance => Theme Options => Custom CSS” box:
#secondary-menu ul.menu ul { top: 45px; }

which stopped the sub-menu disappearing when the mouse was moved down from the main menu to the sub-menu. I now see that in Firefox, IE and Chrome that when the browser width is narrow enough for the sizes to shift down the problem of disappearing sub-menus happens again. I can see this is because a gap opens up between the main menu and the sub-menu so the mouse “falls into it”. Reducing the 45px to 35px fixes it but then the menus overlap. Can you suggest how to close this gap in all browser widths? Maybe it needs to be in em’s or something?
Thanks

[Sakin]

@bobgarrett: Replace your following custom css:

/*fix from Catch to see if dropdown menu does not disappear in IE11*/
#secondary-menu ul.menu ul { top: 4.0rem; }

With the following css:

/*fix from Catch to see if dropdown menu does not disappear in IE11*/
#secondary-menu ul.menu ul { top: 45px; }
@media screen and (max-width: 1152px) {
#secondary-menu ul.menu ul { top: 35px; }
}

[bobgarrett]

I suspect you meant:

#secondary-menu ul.menu ul { top: 45px; }

@media screen and (max-width: 1152px) {
#secondary-menu ul.menu ul { top: 35px; }
}

[Author]

Posts