Problem with Intro- "What We Do" button

Hello,
I am using the Quickstart version of Creativity and I love it except for one messy error- the "What We Do" button jumps about 30 px right sometimes on Google Chrome. I have not been able to replicate the error in Safari yet. I've attached a screenshot below. This is a fresh out of the box problem-- has anyone else seen the same thing happen?

Could you show me your website? It is Joomla! 3 or Joomla! 2.5 installation?

I have the exact same problem, using quickstart package of Joomla 3.1.1.

Here's my website's URL : http://magnificajewelry.com/

Thank you

Please add this code to override.css file in root/templates/gk_template_name/css directory :

Code: Select all

.gkIsWrapper-gk_creativity .figcaption > a.loaded {margin-left: -100px !important}


and then just remember to enable "Use override CSS" option in template advanced settings tab.

All fixed, thank you & merry christmas

I'm using Joomla 3.2- the button seems to be fixed, but I'm having a similar problem with the "What we do" section- when the blue comes up, it is slightly to the right of the box, and the same with the "About Us' section. I have done very little to the original template (just got off vacation) and I need it to be as tidy as possible. Here is the address:
http://www.penguinswithglasses.com/
Thank you!

Hmm… so the button move to the left side or scroll? I've visited your website and can't see this problem on Chrome browser or maybe I'm seeing in wrong place.

I took some screenshots, thanks. It happens with every animation on the site (except "What We Do," you fixed that, thank you!)
The first image shows that the icons have moved slightly to the left and are now cut off by blue.
The second two show the before/after of the rollover for the gallery, you can see how the blue jumps slightly left and is left "hanging" there when I roll off the image.

I've recorded a screencast from your site, please check this » http://quick.as/lv90cgxx because for me all work fine.

Thank you for making a cool video. But it has the same problem in your video as well. Watch the difference between 0:14 and 0:15, the three buttons make a slight move to the left. As you can see in my screenshot above, the result is that the facebook, google+ and twitter circles are cut off. Please try again and hover on the penguin photo and you will see what I am talking about.

Please add this code to override.css file in root/templates/gk_template_name/css directory :

Code: Select all

.gkTeamOverlay > a { left: 49% !important}


and then just remember to enable "Use override CSS" option in template advanced settings tab.

Ah it's still not working, particularly with the left penguin image. Right one is OK now. What to do?
http://www.penguinswithglasses.com/