Ярослав Иванов

jsdo.it/Kodai/brown
jsfiddle.net/PppZ3

Слева направо
https://jsfiddle.net/space2pacman/ts9hb0x2/4/

Справа налево
https://jsfiddle.net/space2pacman/ts9hb0x2/5/

https://jsfiddle.net/w83kaawt/16/

ищем все &nbspи заменяем на пробел
https://jsfiddle.net/554v175q/1/
https://monosnap.com/file/UrA8bGPIL14aVFIflp8x46u7...

Вы дополняете вопрос а ответы читаете ?

Ищет все <p>&nbsp;</p> и удаляет их

var el = document.querySelector('body');
el.innerHTML = el.innerHTML.replace(/<p>&nbsp;<\/p>/g,'');

Ищет все   и удаляет их

var el = document.querySelector('body');
el.innerHTML = el.innerHTML.replace(/ /g,'');

Ищет все <p> </p> и удаляет их

var el = document.querySelector('body');
el.innerHTML = el.innerHTML.replace(/<p> <\/p>/g,'');

в style.css на 283 строке добавить

#header {
   margin-top: 50px;
}

в style.css на 345 строке поменять значение у top

social-widget {
   top: 55px;
}

в media-queries.css добавить на 87 строке

@media screen and (max-width: 720px)
#header {
    margin-top: 15px;
}

На сайте обычная png картинка с прозрачностью. Никакого отношения к скриптам не имеет. Если хотите прозрачность то гуглите opacity.

www.w3schools.com/cssref/css3_pr_opacity.asp

Добавляете интупы и лейблы. Забираете значение с инпутов и плюсуете.
jsfiddle.net/heZBT/4795

jsfiddle.net/heZBT/4795

css - https://designshack.net/articles/css/mastering-css...
js - www.digitalia.be/software/reflectionjs-for-jquery
svg - jsfiddle.net/JeremiePat/bGD3J

https://jsfiddle.net/y43juouf/2/

@media (max-width: 767px)
.navbar-nav .open .dropdown-menu {
    display: block !important;
}

@media (max-width: 767px) {
.dropdown:hover > .dropdown-menu {
    display: none;
}
}

В общем вам надо тот выпадающий список скрывать на разрешениях меньше 767px тогда не будет дублежа и будет работать корректно.

Это решает проблему

<meta name="format-detection" content="telephone=no">

Берешь class или id и пишешь в css class-name:before или after в зависимости где нужно поставить перед элементом или после. Внутри самого блока пишешь атрибут content. В скобках указываешь значение, которое нужно.
Например \f130 это вот такая иконка в Font Awesome

.class-name:before {
    content: "\f130";
}

Или просто добавлять название класса в атрибут class=""
Например
<div class="fa-microphone"/>

Для адаптивной верстке используются медиа запросы

@media (min-width: 320px)
{

}
@media (min-width: 768px)
{

}
@media (min-width: 992px)
{

}
@media (min-width: 1200px)
{

}

-webkit-clip-path на втором блоке
https://jsfiddle.net/nyqqqkgn/1

Добавить в style.css на 130 строке.

#cancel-comment-reply-link > button {
    float: right;
    top: -40px;
    right: 32px;
}

Если нужно справа от галочки то

#cancel-comment-reply-link > button {
    float: right;
    right: -10px;
}