Logo changes size while hover (only Firefox)

  • Hey! I use the Pique theme and just discovered something weird.
    When i hover the logo it gets really small but only in Firefox (newest version).
    In Edge and Chrome it stays the same size.

    I checked if i have the problem in the official live demo. There the problem doesn’t exist.

    I checked if the problem occurs in one of the wordpress standard themes. It doesn’t.

    I deactivated all plugins but the problem still exists.

    Then i searched for some code in the style.css of the pique theme which maybe makes this problem. It is this part which starts in line 880:

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

    When i delete this part, the problem doesn′t exist anymore.

    I also tried it in a totally new wordpress installation which i have on my local computer. I can see the same problem and solution there.

    Can someone check if they have the same problem?

    Thanks a lot!

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi there!

    This seems like a bug.
    I have reported it here, you can subscribe to the issue to be notified of any updates.

    Noting you can go ahead and use the .com version of this theme for now, which is available under the Download link here:
    https://wordpress.com/theme/pique

    Hopefully we’ll get a fix for the .org version as well.

    Thread Starter nilskamm

    (@nilskamm)

    Hey supernovia!
    Thank you for that information.
    If i use the .com version, would i still be able to just update the theme or would i need to change back to the .org version for that?

    Thanks a lot!

    You’d likely want to switch back to the .org version once it’s updated.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Logo changes size while hover (only Firefox)’ is closed to new replies.