Active
Project:
TouchPro
Version:
7.x-2.0
Component:
Miscellaneous
Priority:
Major
Category:
Bug report
Assigned:
Unassigned
Reporter:
Created:
1 Feb 2012 at 03:54 UTC
Updated:
18 Dec 2012 at 16:52 UTC
Hello,
Dropdown menu is not working as expected in internet explorer (8 at least). Even the demo site does not work well (http://www.sooperthemes.com/touchpro/ -> see the menu item called "drupal pages")
The issue is the
Any hint to solve the problem?
Thanks in advance.
Comments
Comment #1
co_mete commentedsubscribing...
Comment #2
jurriaanroelofs commentedAt first this bug seemed a simple z-index nesting bug but it turned out to be a bit of a mystery.
The header was using some old proprietary microsoft filter to simulate CSS3 box-shadow and this has interaction with overflow behavior that cannot be overriden, so we have to get rid of the filter.
If you use SASS scss:
1. in touchpro/styling/scss/_touchpro-base.scss at line #28 remove or comment out this line:
filter: dropshadow(color=#333,offX=1,offY=2);
2. recompile into CSS
If you only use the CSS:
1. Opentouchpro/styling/css/style.css and remove the same filter rule from the following lines: #200, #274#589
Will fix this with a release soon
Comment #4
stickybenson commentedExactly what I was looking for! The lines to comment out or remove are now:
130
233
315
Comment #5
spicyshabs commentedHi,
I am using touchpro theme for one of my website design. I am still not able to figure-out how to fix the dropdown menu issue to work in Internet Explorer. I am new to drupal. It would be great if someone can help me out.
Comment #6
spicyshabs commentedGot it fixed.
I had to remove "filter: dropshadow(color=#333333, offX=1, offY=2);" from lines #108, #221, #293
thanks
Comment #7
ITMonkey commentedThis issue still seems to be present in 2.0.
Thanks for a great theme and FWIW I'd banish I.E. if I had my way, that would solve this problem once and for all!