[BOOTSTRAP] Почему блок не связанный со слайдером моргает в ритме перелистывания слайдера?

Emptyform: Методом дробления пополам ;) Сначала отрубил все скрипты и стили. Стало понятно, что виноват stzle.css. Потом попробовал удалить его половину, другую половину, четверть половины...
Но сейчас досадно, что не догадался сразу проверить социальные кнопки. Было понятно, что "белое пятно" создаёт кто- то сверху, потому что при изменения текста фотографии команды сдвигались, а граница "белого пятна" оставалась неподвижной.

[BOOTSTRAP] Почему блок не связанный со слайдером моргает в ритме перелистывания слайдера?

Emptyform: Достаточно даже просто убрать /* position: relative; */ у .socials__svg

[BOOTSTRAP] Почему блок не связанный со слайдером моргает в ритме перелистывания слайдера?

Emptyform: Лечится комментированием блока в stzle.css
/*
.socials__svg {
position: relative;
width: 100%;
height: 100%;
fill: #fff;
padding: 30% 0;
}
*/

Как позиционировать списки по центру экрана?

InqSEO: Так сложно оценить нюансы, но ограничения понятны. Спасибо за пояснение.

Для меня задача интересна тем, что в одних решения список растягивается шире, чем надо, а в других - нет.

Заметил, что дал неправильную ссылку. Правильно https://jsfiddle.net/glebkema/Lk00dfb3/ Отличие заметно, если оставить в списке один-два пункта. Исправил свой ответ и переписал его подробнее.

Как позиционировать списки по центру экрана?

InqSEO: Спасибо за ответ.
В test.inqseo.com/mobile.css вижу max-with только у delivery-info, а inline-block - у нескольких "...-item" и одного img. Но их всех нет в коде view-source:test.inqseo.com На что нужно посмотреть?

Как позиционировать списки по центру экрана?

InqSEO: Спасибо за задачу. Можете поделиться, что в этом решении не устраивает?

Как позиционировать списки по центру экрана?

InqSEO: На свежую голову предлагаю решить задачу с помощью max-width. Его можно менять через медиа-запросы. И отменять, когда нужна резина по все ширине экрана. Суть решения - https://jsfiddle.net/glebkema/t1pbn70s/
Для test.inqseo.com предлагаю:

.types-wrapper {
  text-align: center;
}

#types .types-list {
  text-align: left;
  display: inline-block;
  max-width: 757px;
}

@media only screen and (max-width: 800px) and (min-width: 600px) {
  #types .types-list {
    max-width: 504px;
  }
  #types .types-list li {
    /* width: 45%; */
  }
}

Для других медиа-запросов нужно настроить дополнительно.

Как позиционировать списки по центру экрана?

InqSEO: Переписал ответ, чтобы объяснить решение без чтения статей.

Как позиционировать списки по центру экрана?

InqSEO: Вижу решение в два этапа.

Этап 1. Отцентрировать меню внутри родителя, которому назначено относительное позиционирование. Решение - позиционировать меню абсолютно и сдвигать его с помощью transform:
Как оцентровать блок, если его родитель релативен?

Этап 2. Как только элементы меню начинают переходить на вторую строку, меню расползается на всю ширину родителя. А нужно, чтобы меню компактно обнимало элементы и сидело в центре на любом экране и с любым количеством элементов.
Решение - адаптивная настройка колонок. К сожалению, в этой публикации пропали демки и иллюстрации, но текст и код на месте. Суть метода - для каждого медиа-запроса определять номера элементов, которые должны переходить на следующую строку.

Проверьте результат:
https://jsfiddle.net/glebkema/20rc3pb7/

Обновил свой ответ.

Как позиционировать списки по центру экрана?

InqSEO: Вы хотите, чтобы меню плотно обхватывало пункты, без просветов справа?

Bootstrap, правильно-ли сделал верстку блоков?

Mike Ro Удалось сделать, что нужно? Чем помочь?

Как сделать плавное изменение цвета фона при прокрутке?

Constructive Получилось, что нужно? Чем помочь?

Как сделать правильную выборку с двух таблиц?

Boyko Dmytro: Удалось решить задачу? Какая помощь нужна?

Можно ли верстать медиа запросами бутстрапа?

Алибек Кулсеитов:
1) Забыли "@" перед "media".
2) Если в одном запросе (min-width: 992px), то в другом нужно не (max-width: 992px), а (max-width: 991px).
3) Вы почему-то боитесь определять интервал от нуля до первого перехода. Поэтому он и преподносит вам сюрпризы.

Можно ли верстать медиа запросами бутстрапа?

Алибек Кулсеитов: Чем именно смущает?

Можно ли верстать медиа запросами бутстрапа?

1) Сейчас min-width возрастают лесенкой, и в каждом переопределяется один и тот же класс container. Поэтому в первом запросе max-width можно убрать, чтобы весь код был в одном стиле.
2) Для экранов от 0 до 479px ничего не указано. Каким на таких экранах должен быть container? Его описание нужно поместить первым, не заворачивая в медиа-запрос. Получится полноценный Mobile First.

Можно ли верстать медиа запросами бутстрапа?

Алибек Кулсеитов: Посмотрел сайт и kulseitov.kz/norbekov/css/grid.css
Нет медиа-запроса для экранов уже 480px, поэтому на них показывается то же, что и на экранах шире 1200px. Надо прописать стили для случая:

@media (max-width: 479px) {
}

Можно ли верстать медиа запросами бутстрапа?

Алибек Кулсеитов: Сайт посмотрю вечером или завтра.

Можно ли верстать медиа запросами бутстрапа?

Алибек Кулсеитов: По 3 пункту. Можно переписать grid.ccs например, так.
3.1) Убрал интервалы в медиа-запросах. Во-первых, они накладывались на границе. Во-вторых, "лесенку" из верхних ограничений проще сопровождать. Нет шанса проглядеть дырку между интервалами.
3.2) Закомментировал оверфлоу в конце. Не успел сообразить, какую задачу он решает.
3.3) Медиа-запрос для больше 992px не нужен. Он задавал контейнеру ширину, которая и так у него есть..

/*==========  Desktop First Method  ==========*/

.container {
  margin-left: auto;
  margin-right: auto;
  width: 970px;
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
}

.container,
.container-fluid {
  padding-left: 15px;
  padding-right: 15px;
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}

.container::after,
.container-fluid::after,
.row::after {
  display: table;
  clear: both;
  content: "";
}

@media only screen and (max-width: 992px) {
  .container {
    width: 750px;
  }
}

@media only screen and (max-width: 768px) {
  .container {
    margin-right: auto;
    margin-left: auto;
    min-width: 456px;
 /* overflow: hidden; */
  }
}

Wordpress - обрезаются страницы. Как исправить?

stoik_kpd: Предлагаю такие заголовок и описание. Что cкажете?

Почему при переходе на якорную ссылку пропадает весь текст до якоря?

Сайт на Wordpress. На странице - заголовки с якорями и оглавление по заголовкам. Нажимаю на ссылку в оглавлении и страница прокручивается до якоря. Но при этом исчезает весь текст, расположенный выше заголовка. Почему? Помогите исправить.