Александр Токмаков

<style>
    .custom-1 {
    filter: invert(0.5);
    }
    .custom-2 {
    filter:  brightness(0) invert(1);
    }
    </style>
    <img src="https://s.cdpn.io/3/kiwi.svg" class="standard" width="50" height="50" alt="img">
    <img src="https://s.cdpn.io/3/kiwi.svg" class="custom-1" width="50" height="50" alt="img">
    <img src="https://s.cdpn.io/3/kiwi.svg" class="custom-2" width="50" height="50" alt="img">

if (location.hash === '#nav-profile') {
                $('#nav-profile-tab').tab('show');
            }
            $('.nav-tabs .nav-link').on('shown.bs.tab', function (e) {
                window.location.hash = $(this).data('bs-target');
            })

В прошлом обновлении хрома такая же фигня. После обновы исправили

-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;

Скорее всего где-то в скриптах такое:

<script> 
document.onselectstart = test;
//запрет на выделение элементов страницы 
function test() {
return false
}</script>

media screen and (min-width: 1200px) {

}
media screen and (min-width: 1000px) {

}

media screen and (min-width: 800px) {
.ipad{display: none;}
}

Вообщем условия должны быть по убыванию, а не по возрастанию

У меня оказалось это addblock в хроме. отключил его на домене и заработало

fitToView: false,

Реализовал через svg.

А разве png картинкой не подойдет?

я могу такой сверстать, но не под cms. Чисто html,js,css

Если Вы задаете этот вопрос, то скорее всего Вы даже в дизайне ни чего не понимаете.
Сначала поучитесь дизайну, а потом выбирать инструмент нужно (по потребностям)

Он лайн сервисы:
www.cssmenubuilder.com/build-horizontal-menu
cssmenumaker.com

Можно сделать и самому:
computy.ru/menyu-na-css