Site section hover capability disappears on certain resize

javascript html css media-queries

30 просмотра

2 ответа

41 Репутация автора

I am developing this website.

I noticed something really strange while debugging the javascript shopping cart. The buttons for adding to cart are hoverable and have transition animations, but when the webpage is between the widths of 1000px and 1200px, none of the buttons are clickable, it's like there's an element on top of all the products. And the products all resize.

I will keep the local site up while this question is unanswered. I am completely confused by why this is happening. I'm guessing I have some kind of media query somewhere but inspecting the css on the resize isn't showing me anything useful. And no new elements are being drawn in the DOM.

Thank you, I hope this question is detailed enough.

Автор: lopu Источник Размещён: 19.07.2016 03:23

Ответы (2)

1 плюс

499 Репутация автора

Try changing the browser , or

Look for an html element that contain css style like , position: absolute;

Which might be overlapping the buttons when the page width increases , creating a blockage over click events(hover , transitions).

Автор: Santosh D Размещён: 19.07.2016 03:49

1 плюс

2383 Репутация автора


It's your footer that's overlapping with your content since you haven't closed your div with class="row". I'm just assuming you didn't want your footer to live inside that div (?) :)

Автор: VilleKoo Размещён: 19.07.2016 07:19
Вопросы из категории :