olya_097,
Там слишком много "не так".
Начиная с того, что всё, что выходит за крайние направляющие должно растягиваться на всю ширину окна. Т.е. кот на зеленом фоне это всегда половина окна при >768.
Сам кот с зеленым фоном это не div, а либо фон родителя и bg size, либо псевдоэлемент.
Соответственно, если он будет фоном, с z-index всё станет проще.
В picture у source не правильно стоят числа.
В стандартной модели расчета ширина элемента складывается из width, padding и border.
У блока .promo__main написано ширина 100% и еще 80px отступов. И вот она прокрутка на 80px.
Варианты:
1. использовать calc для ширины calc(100% - 80px)
2. задать box-sizing: border-box.
3. можно задавать не padding, а margin детям.
Второй вариант мне кажется более благоразумным.
это связано с дефолтными настройками у слайдера в виде position: relative и absolute
Дефолтные "настройки" прекрасно перебиваются вашими стилями, как в обычном состоянии, так и при наведении.
Дальше без макета и реального кода разговор беспредметный.
Genri_Rus, если вы не поменяли местами в коде ссылку и картинку, то эффект вообще мало предсказуем.
Я же не вижу, что там еще у вас в слайдах. Решение было написано на основании того кода, который предоставили.
Genri_Rus, Это значит: надо поправить разметку и/или стили.
Гадание на кофейной гуще дело благое, конечно.
Так что выкладывайте всю задачу и ваш код в следующий вопрос.
David Halkin, В общем, идея в том, чтобы пересчитать все на ширину li
Например, надо, чтобы картинка занимала 10% от ширины ul и 70% от li.
Значит, li занимает 14.28% от ul.
К якорю можно и на CSS плавно попадать https://developer.mozilla.org/en-US/docs/Web/CSS/s...