X-Cart forums

[AIEGaming]

This issue isn't entirely X-Cart related but I haven't been able to figure it out and thought maybe someone here could help.

We've been doing some additional customization to our X-Cart store and recently we realized our drop down menus aren't functioning correctly although they used to work perfectly. If you maximize your browser screen and go to our website (aiegaming.com) and put your mouse over the headers for the drop down menu (Wii, DS, Xbox 360 etc.) the actual drop down menus are shifted to the right.

If you're browser is not maximized, the drop down menus appear directly below the headers, as they should. Another thing that's odd is that if you add a product to your cart and go to the checkout page (even if your browser is maximized) the drop down menu works perfectly as well.

So the issue is that for some reason, on the main page with a maximized browser the drop down menus are shifted to the right and I can't figure out why. I've restored the drop down menus to backup files from months ago when I know for a fact the menus worked fine but the issue remains. I've also checked the CSS files and everything there looks fine as well. Does anyone have an idea on what could be wrong?

[totaltec]

I can shed a little light on this I think. It is a css issue, but it looks like it is defined in the template and not in the css file. The reason it works on the cart page is that whatever conflicting css rule is not called there. The cart and checkout pages use different templates than the rest of the site.

I have made a cursory inspection only, and the fix is not easily detectable. If you like I can fix this problem for you, but it would take some detailed investigation.

-Mike

[AIEGaming]

I used a backup file for 2-columns/css/altskin.css and common_files/css/main.css but that didn't work. Is there another css file that could be causing the issue?

[totaltec]

There are an awful lot of styles being applied that are not defined in the css templates. I am looking at the source of the menu, and everything from width to z-index looks like it is being called directly on the page. That might be the source of the problem.
See here:

<div id="TransMenu16" class="transMenu top" style="width: 189px; height: 41px; left: 774px; top: 240px; z-index: 123; visibility: hidden; "><div class="content" style="width: 187px; height: 39px; top: -39px; ">

And here is another css file:
<link rel="stylesheet" type="text/css" href="css/transmenu.css" />