Nov 2009
7 / 7
Nov 2009
Nov 2009
c_bavota
Nov '09

I just signed up and I am trying to get the javascript shopping cart to work properly on my site.



The cart appears and everything functions but the cart itself does not align to the middle of the browser window. It floats over to the left.



http://themes.bavotasan.com



Click on the View Cart button in the upper right to see what I mean. I encountered this in Firefox 3.5 and Safari 4 on my Mac.



Also, in Firefox, when you go to this page:



http://themes.bavotasan.com/category/our-themes



The black overlay does not appear when the shopping cart appears.



Any help would be greatly appreciated.



Thanks.



c.bavota

  • created

    Nov '09

  • last reply

    Nov '09
  • 6

    replies

  • 1.1k

    views

  • 3

    users

  • 8

    links

c_bavota
Nov '09

I was able to fix the alignment by surrounding the whole site in a div and taking the CSS that I had used for the <body> tag and adding it to the new div.



But I am still encountering the issue with the black overlay not appearing on certain pages.

E-junkie_NinjaSupport Ninja
Nov '09

When you mention the black overlay, do you mean how the rest of the screen outside the cart gets dark? If so I am not able to reproduce this issue on the page you provided in your first post. Would you be able to provide other pages that you see this issue on?

E-junkie_NinjaSupport Ninja
Nov '09

I am unable to reproduce the problem on my Mac using Firefox 3.5.5, what version of OS X are you using?

E-junkie_GuruWebmaster & Support Guru
Nov '09

It seems to be a conflict with your CSS; I copied the source of your problem pages to a test page of my own, and removing this line fixed the problem:



<link rel="stylesheet" href="http://themes.bavotasan.com/wp-content/themes/themesby_cbavota/style.css" type="text/css" media="screen" />



One thing I noticed which may help you isolate the problem: normally the dimmed area outside the cart is clickable to dismiss the cart (same as clicking the Close or Continue Shopping controls in the cart), but the undimmed background on your problem pages was also not clickable, so attempting that left the cart visible. I'm thinking there may be a z-index issue there, so the cart's dimmed background layer is winding up "behind" your page?