Почему пропадает слайдер?

Question

[Максим Шадрин]

Всем привет. Есть такая проблема:
Вот сайт go-mf.ru, на разрешениях при ширине меньше 600px шапка выглядит так:

Т.е. пропадает слайдер. Я облазил инспектором все элементы и не понимаю, что его перекрывает. В тот момент, когда мы скролим вниз и срабатывает плагин sticky, т.е. обертке шапке "sticky-wrapper" навешивается класс "is-sticky", слайдер появляется

Опытным путем я понял, что дело именно в этом событии, так как если просто сделать display: none для sticky-wrapper, то слайдер сразу отображается. Но почему так происходит, и почему именно на разрешении меньше 600px, я понять не могу.

Мне нужен просто свежий взгляд на проблему, мой глаз уже настолько замылен, что мозг кипит.

Answer 1

[Ольга]

у вас там когда ширина менее 600px перестраивается блок header .contacts-block
у него в тот момент когда он становится display: flex на этой ширине нужно убрать float: right, который прописан для блок в дефолтных стилях
1. https://yadi.sk/i/jl6uwwZmoEnYzA => https://yadi.sk/i/IYlIoa10JxZpLg

в целом у вас там много где флексы, от флоатов можно отказаться совсем, а если они есть не забывайте делать clear: both; там где они есть, чтобы элементы не выпадали из потока

Comments

[Максим Шадрин]

Спасибо, очень помогли!