Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

The hover effect on the buttons in the header is moved one pixel down.

See original GitHub issue

Current behavior

By hovering over the buttons in the header, hover effect moves one pixel down.

Expected behavior

Hovering effect should be aligned with the header.

Steps to reproduce the issue

Hover over any buttons in the header
Look at hamburger menu

Repository

Can you handle fixing this bug by yourself?

Which Release Cycle state this refers to? Info for developer.

Pick one option.

This is a bug report for test version on https://test.storefrontcloud.io - In this case Developer should create branch from develop branch and create Pull Request 2. Feature / Improvement back to develop.
This is a bug report for current Release Candidate version on https://next.storefrontcloud.io - In this case Developer should create branch from release branch and create Pull Request 3. Stabilisation fix back to release.
This is a bug report for current Stable version on https://demo.storefrontcloud.io and should be placed in next stable version hotfix - In this case Developer should create branch from hotfix or master branch and create Pull Request 4. Hotfix back to hotfix.

Environment details

Browser:
OS:
Node:
Code Version:

Additional information

Issue Analytics

State:
Created 4 years ago
Comments:5 (1 by maintainers)

Top GitHub Comments

2reactions

dlandmanncommented, May 24, 2019

Error only on Startpage of https://demo.storefrontcloud.io/ visible, if browsercache (Chrome and Safari testet) cleaned.

localhost works great.

2reactions

Hackbardcommented, May 24, 2019

Can’t reproduce this Bug on Mac with Chrome 74, Safari 12.1 and Firefox 60.3

Top Results From Across the Web

The hover effect on the buttons in the header is moved one ...

By hovering over the buttons in the header, hover effect moves one pixel down. image. Expected behavior. Hovering effect should be aligned with ......

CSS hover div is not working properly - Stack Overflow

hover is not working as expected and dis-appears as you move out of the header-items because of the below property,

An Interactive Guide to CSS Transitions - Josh W Comeau

The hover effect takes the element out from under the mouse, which causes it to fall back down under the mouse, which causes...

The Best CSS Button Hover Effects You Can Use Too

If you want to give your page a little twist, putting CSS button hover effects is ideal. It will help improve your visitors'...

10 Best CSS button hover effects - Alvaro Trigo

Use this buttons CSS hover effects and you'll impress your visitors for sure! Gradients, shadows, transitions, rotations, animations and ...