Есть заголовок "h1" в в мобильной и планшетной версии он виден и находиться на своем месте, стоит растянуть браузер > 1200px "h1" сжимается до 0px и уезжает вправо. При этом не изменяется CSS, не добавляются инлайновые стили, пробовал отключать все стили по одному, не влияет.
Подскажите как выявить проблему?
Natalia ivanova, это происходит в корзине при оформлении заказа, просто исчезает заголовок, и так же исчезает общая стоимость заказа в мобильной версии... может посмотрите https://kofemashina.net/, нужно добавить что то в корзину и перейти туда
Нашла, что влияет на исчезновение, это margin: -4px auto 20px; в h1 {}.
Если его убрать, то при всех значениях ширин h1 отображается.
С ним h1 при >1200 уходит сильно вправо из-за свойства right: -1000px у элемента :after.
Если важно сохранить точное положение h1 в мобильной и десктопной версии с участием margin: -4px auto 20px; , то придется разбираться более глубоко, возможно править целые блоки.
Нашла, что влияет на исчезновение, это margin: -4px auto 20px; в h1 {}.
Если его убрать, то при всех значениях ширин h1 отображается.
С ним h1 при >1200 уходит сильно вправо из-за свойства right: -1000px у элемента :after.
Если важно сохранить точное положение h1 в мобильной и десктопной версии с участием margin: -4px auto 20px; , то придется разбираться более глубоко, возможно править целые блоки.
Простой
