1

Не могу понять почему у меня пропадает гамбургер в некоторых частях секций, а именно при перелистывании с первой секции banner к секции ко второй секции features и в самой секции features.

Сам гамбургер находится в блоке hamburger_wrapper и ему задано свойство mix-blend-mode: difference;

Как устранить это и сделать так, чтобы гамбургер не перекрывался?

введите сюда описание изображения

введите сюда описание изображения

введите сюда описание изображения

  1. Так же не могу понять, как сменить цвет гамбургера. Я использовал hamburgers.css и задал белый цвет так

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
  
  background-color: #fff !important;
}

и он был белым, до того, как я задал для hamburger_wrapper свойство mix-blend-mode: difference;

Сам сайт ссылка

код jsfiddle

2
  • Не уверен подойдёт ли тебе это, но если заменить margin на padding, то всё начинает работать. Т.е. заменить .content {margin-top: 120px; ...} на .content {padding-top: 120px; ...}
    – Firec
    16 дек 2020 в 18:29
  • сработало. Но внизу второго блока снова перекрывается
    – Ziora
    16 дек 2020 в 22:37

1 ответ 1

0

а почему

mix-blend-mode:difference; 

и зачем оно тебя нужно для гамбургера?

просто ставь это все в CSS и меняй цвет на черный

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {      
      background-color: black !important;
}
1
  • такое требование
    – Ziora
    16 дек 2020 в 22:38

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.