I installed a megamenu mod that has since vanished from Extensions, maybe because it will be in the core for 1.5? I have a problem with it. It does great in IE8, Chrome, Firefox and Safari but in IE7 all the categories in the drop downs are vertical instead of in a horizontal row like in the other browsers. If you visit http://www.promolife.com/cart in IE7 you can see this happen.
I am not a CSS master, so can someone help me alleviate this problem? About 25% of my visitors are on IE7 and I know it's death to cut them off and ask them to upgrade just to view my site. If this is the same code going into 1.5 it might be an issue there to so, any thoughts?
Thanks much
I am not a CSS master, so can someone help me alleviate this problem? About 25% of my visitors are on IE7 and I know it's death to cut them off and ask them to upgrade just to view my site. If this is the same code going into 1.5 it might be an issue there to so, any thoughts?
Thanks much
It's attached. I've also put my main template stylesheet in the zip in case you see a clash that might be causing it. Any help would be greatly appreciated.
Attachments
Ok I loaded the module on my local test site and it shows the same issue that you were describing in IE7. It doesn't appear to be a CSS issue per se but rather a CSS issue caused by the javascript having an error. If you notice IE8 and IE7 both load with errors on the page.
Reading about how the module was developed I found that the javascript tells the module how wide to make the drop down menu, this is working correctly in other browsers but in IE7 it is not sitting a width. Using the firebug plugin I added a width property to the drop down div and the menu looked perfect. So it looks like there is a conflict that is causing this part of the script to not run in IE7, I am trying to debug it but hopefully someone else will see what the issue is and chime in.
Scott
Reading about how the module was developed I found that the javascript tells the module how wide to make the drop down menu, this is working correctly in other browsers but in IE7 it is not sitting a width. Using the firebug plugin I added a width property to the drop down div and the menu looked perfect. So it looks like there is a conflict that is causing this part of the script to not run in IE7, I am trying to debug it but hopefully someone else will see what the issue is and chime in.
Scott
Problem appears to be solved. There was an issue in the megamenu.js file located in catalog/view/javascript/ that needed some reworking. Here is the new file so just replace it in the location described above.
Also need to add z-index:99999 to ul#mm_topnav li in the megamenu.css to keep the drop down menu from hiding behind the other page content.
Also need to add z-index:99999 to ul#mm_topnav li in the megamenu.css to keep the drop down menu from hiding behind the other page content.
Unfortunatelyw the drop downs don't center underneath anymore, they left align to their top menu item, so dropdowns with a lot of stuff push off the side of the page and gets cut off. I appreciate the help, is there a way to return it to being centered under the menu again?
Can you replace the megamenu.js file on the site that you linked to earlier so I can see what it is doing. Looking at your site it is still using the bad file. Testing it last night everything was working in IE just like it does in Firefox.
Scott
Scott
Ok lets give this a try. I had to make some modifications to the files and had to change the jquery to pull from google the newest version to stop it from loading with errors in IE.
Attachments
The new stylesheet threw a lot of stuff off. It shifted the menu to the right and causes collisions with the second row. I've attached a screenshot I took before I put the old stylesheet back, as well as both the new sheet and the one I've been using that's up there again now. Plusses: the dropdowns are back where they belong in Ie8+/Firefox/Chrome/Safari.
You've been a big help so far, I hope you don't mind sticking with me a little longer.
You've been a big help so far, I hope you don't mind sticking with me a little longer.
Attachments
screenshot.jpg (133.61 KiB) Viewed 4906 times
No problem, attached. Thanks again
Attachments
Sorry for the confusion. I meant can you upload them back onto your website. I also noticed that there is a javascript error on the google checkout module that you have on the left sidebar. It has a "," in one spot where I believe it should be a ";" this could be causing a conflict.
Try using these new set of files and see if that helps.
Attachments
Who is online
Users browsing this forum: No registered users and 40 guests