Игорь

Меню вы имеете ввиду желтое? или всю шапку? Если желтое, то вам не нужен компонент NavBar, вам нужен компонент Navs

В CSS нет возможности обработать клик по элементу, начнем с того. И обратиться к родитель не получится, только от родителя к ребенку или к соседу

в Bootstrap нету XS, это и так по умолчанию. Плюс ко всему нет смысла указывать col-md-4 и col-sm-4, Bootstrap обрабатывается от меньшего разрешения к большему, по этому правила там не "От и ДО", а только "от".
то есть
.col- <576px
.col-sm- ≥576px
.col-md- ≥768px
.col-lg- ≥992px
.col-xl- ≥1200px
а так как в CSS если несколько правил для одного компонента, применяются те что написаны последними, то .col-sm- переопределит .col-, .col-md- переопределит .col-sm- и так далее
исправьте на это, и отпишитесь
<div class=" col-6 col-sm-4 col-lg-3">

Поставить в CSS фиксированную позицию
position: fixed;