Disable Logo Animation

Hi there,

You’re posting in the forum for the free theme, Pique. Pique doesn’t have any animation effect when hovering over the logo.

Are you sure this is the theme you’re using? If so, can you provide a link to the site so we can take a look at this animation effect you’re describing?

Is it possible this animation could be added by a plugin on your site, rather than by the theme?

Hi @kokkieh – it is the same theme…..for this client I setup “managed” WordPress hosting thru IONOS, so that they wouldn’t need to deal with core, Theme, or Plugin updates, but with their managed hosting you can *only* choose from Themes offered at WordPress.com. Pique is really a great Theme and easy to work with.

When I activated that Theme, there is NO option for adding a custom Logo in the Appearance > Customize >Site Identity settings (you can only choose to display the site title and tagline or not), *unless* you add Jetpack. The client wants their logo, but we don’t need Jetpack for anything else, but I cannot find a way to show a custom logo without Jetpack. If I deactivate Jetpack, the logo disappears. My best guess is that if you’re actually hosted on WP.com, then Jetpack is enabled by default, so you automatically get that setting. If you’re on another hosting platform (like IONOS), even if it’s managed, you must add Jetpack to get a custom logo setting.

So I assume it must be Jetpack adding the crazy animation on hover. I posted this same question in the support forum for Jetpack but haven’t yet received any answer there.

With some great effort I did manage to convince IONOS to allow me to setup a Child Theme for Pique, so that if I *could* manage to find a way to stop the hover animation it wouldn’t go away if the Theme or Jetpack gets updated, but I need more guidance…..I’m not a programmer but I am very good with WordPress and can add code to a child-theme functions.php or custom plugin.

Hi again @kokkieh so sorry but I forgot to mention that in the Pique Theme’s stylesheet I did find this bit of CSS, but commenting it out made no difference, the site logo still does the odd animation thing on hover:

.site-branding .site-logo-link:hover {
	-webkit-transform: scale(5%);
	    -ms-transform: scale(5%);
	        transform: scale(5%);
}

I made a short (11 second) screen video of this, you can view it here:

https://www.loom.com/share/af39f8ef9e574c59bb115a40d6eb0cbc

I have this same problem cross-posted in the Jetpack forum since I suspect it might be caused by that plugin, not the Theme, but I really don’t know. All I know is without Jetpack there is no option to add a custom site logo, but with it the site logo animates on hover.

UPDATE: I believe I have this resolved now, but it took a lot of sleuthing.

I did have to actually ADD some CSS to my Child Theme, commenting out the CSS of the Parent Theme (for the site branding) did not work. I added the same snippet of CSS but changed the “transform” to ‘none’ and added !important. Then I had to force-clear my browser cache, I suspect because the managed WP hosting does not check for version or updated styles, it simply continues to keep loading the original stylesheet. Sigh.

SO I’m sure now that the hover effect is added by the Theme, not Jetpack, and it’s no longer animated so my client is happy. Marking this as resolved. And I really DO love this Theme. ??

I forgot to mention that in the Pique Theme’s stylesheet I did find this bit of CSS

Thanks for that.

It appears this was a bug that was fixed in 2020 already in https://github.com/Automattic/themes/issues/1770, and the version of Pique available for download at https://public-api.wordpress.com/rest/v1/themes/download/pique.zip, and the version that can be installed directly from the WordPress.com theme showcase via Jetpack, version 1.4.10, don’t have this issue.

But the version available here in the www.ads-software.com theme directory is v. 1.4.2, and doesn’t contain this fix.

I’ll let our developers know about this so they can see about updating the version of the theme over here.

Awesome! I didn’t realize I could get a version from GitHub but I’ll be sure to check there in the future…..IONOS managed hosting forces the use of the same Themes as WordPress.com, but apparently gets them from the www.ads-software.com repository. Glad to have this one figured out!

I didn’t realize I could get a version from GitHub but I’ll be sure to check there in the future

I’d recommend you go via the WordPress.com theme showcase rather than GitHub. The showcase page for each theme there has a download link for the self-hosted version at the bottom, which will always be the most recent version of the theme. You’ll get that same version if you install the theme directly from the WordPress.com showcase, via Jetpack, rather than via WP-Admin, which pulls from the www.ads-software.com repository.

But usually the version here on www.ads-software.com is also updated when the version on WordPress.com is. It looks like this might just be one that slipped through the cracks ??

Thank you so much for the followup advice! I have copied and saved your note for future reference. BIG HUGS to you for your generous help! ??

My pleasure ??