Joomla Templates Club 406,261 posts

[ba75 Friend ba75Join date: October 2012Posts: 16Downloads:1Uploads:11 Thanked: 2 times in 1 posts]

#182688

Hello,

I used to test templates on different web browsers… For JA Lens I made an exception, and today I realize that the spinning logo works well only on Firefox (turns on the right, then on the left, slowly).

IE : no movment
Chrome : “star wars” ! it moves so far that the logo seems losing its head
Safari : the same as Chrome, and this blurs the menu when hovering the logo
Mobile / tested on a Samsung Dolfin browser (recent) : the wheel turns also soooooo quickly

Any idea to fix this ? It’s embarrassing…:eek:

[actionlimo Friend actionlimoJoin date: November 2012Posts: 21Downloads:0Uploads:4 Thanks: 5 Thanked: 1 times in 1 posts]

#474865

I also noticed this, I am not so much worried about the speed but I would like it to move in IE.

[HeR0 Friend HeR0Join date: August 2011Posts: 3626Downloads:0Uploads:61 Thanks: 33 Thanked: 588 times in 549 posts]

#474974

Hi Guys,

The spinning logo is using CSS3, however, CSS3 is not well supported in IE as Firefox or Chrome. I’m sorry about this.

Regards,

[radstu Friend radstuJoin date: December 2006Posts: 8Downloads:0Uploads:2 Thanks: 3 Thanked: 1 times in 2 posts]

#493562

Greetings – where would one go to disable the spinning entirely?

[HeR0 Friend HeR0Join date: August 2011Posts: 3626Downloads:0Uploads:61 Thanks: 33 Thanked: 588 times in 549 posts]

#493566

Hi There

<em>@radstu 373772 wrote:</em><blockquote>Greetings – where would one go to disable the spinning entirely?</blockquote>
You could find css rule for the spinning logo in the file /templates/ja_lens/css/template.css

#logo h1 a:hover {
-webkit-animation-name: rotate;
-webkit-animation-duration: 0.5s;
-webkit-animation-iteration-count: infinite;
-webkit-transition-timing-function: linear;
-moz-animation-name: rotate;
-moz-animation-duration: 10s;
-moz-animation-iteration-count: infinite;
-moz-transition-timing-function: linear;
}
So you could remove red lines to disable the spinning logo

Regards

1 user says Thank You to HeR0 for this useful post

1. radstu

[radstu Friend radstuJoin date: December 2006Posts: 8Downloads:0Uploads:2 Thanks: 3 Thanked: 1 times in 2 posts]

#493755

Thank you!

[isfitness Friend isfitnessJoin date: January 2010Posts: 22Downloads:0Uploads:0 Thanks: 6]

#500039

Does this delete the intire logo or just remove the spinning hover.. I don’t know how to delete the intire logo.

How do i get my own logo there?

Thanks!

Alex.

[HeR0 Friend HeR0Join date: August 2011Posts: 3626Downloads:0Uploads:61 Thanks: 33 Thanked: 588 times in 549 posts]

#500069

Hi Isfitness,

The above css code is for removing the spinning feature when mouse over only.

If you wanna change to your own logo, you can open file: /templates/ja_your_default_template/css/template.css

At approx line:


#logo h1 a {
background: url("../images/logo.png");
color: #FFFFFF
display: block;
font-size: 0;
height: 60px;
line-height: 60px;
padding-left: 0;
text-indent: -9999em;
width: 60px;
}


Then change to your logo within above path: /templates/ja_lens/images

Hope it helps.

[Author]

Posts