Ничего не понятно, кроме того, что js вам не даётся...
По коду - при клике у элемента с классом .topLine-logo-img - будет добавлен/обновлен атрибут src на images/dest/nightThemeLogo.svg
Тут все ок.
Что вы хотите дальше с if / else - не понятно...
Алексей selftrips.ru, в песочнице сначала грузится html разметка - потом ваш код, у вас на сайте наоборот - когда грузится JS - разметки еще нет, то есть коду не с чем работать...
по событию scroll меряйте расстояние от верха браузера до нужного блока и сравнивайте его с текущим положением верха браузера, как только цифры сравняются - меняйте цвет меню, и не шапки хедера, а именно меню ;)
Так у него классы одинаковые, closest() вернет первый найденный элемент...
Повесить другой класс на нужного родителя, и затем можно использовать closest()
Бутсрапа нет, но тем не менее мне нужно оставить 3 шарика сверху, и два снизу от, допустим 700 пикселей, до 320, причем два нижних шарика центрируются. Ваш пример тут не будет работать, и не вижу как бутсрап тут вообще может помочь, учитывая центрирования второго ряда шариков...может есть идея?
Или все таки просто мерить ширину верхнего шарика и js'ом ставить ширину нижнему...
Да, я не уточнил в посте - но второй ряд центрируется. И размер у "шариков" не так отлично влазиет в контейнер - как у Вас :)
То есть на 900px первый ряд уже начинает сжиматься - и он должен сжиматься, т.к. на 320px шарики должны быть около 80px ( а не 160 - как были изначально) - как в первом, так и во втором ряду...