mod: меню не налезают на логотипы
This commit is contained in:
@@ -67,7 +67,7 @@ body {
|
|||||||
#main-navbar > .container {
|
#main-navbar > .container {
|
||||||
background: no-repeat left;
|
background: no-repeat left;
|
||||||
background-size: contain;
|
background-size: contain;
|
||||||
flex-wrap: nowrap !important; /* Запрещаем перенос бургера */
|
position: relative; /* Для абсолютного позиционирования бургера */
|
||||||
}
|
}
|
||||||
|
|
||||||
#main-navbar > .container.logo-big {
|
#main-navbar > .container.logo-big {
|
||||||
@@ -102,16 +102,24 @@ body {
|
|||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* --- Стили для ссылок в меню --- */
|
/* --- Бургер меню --- */
|
||||||
.navbar {
|
#main-navbar > #logo > .navbar-toggler {
|
||||||
/* position: fixed; Убрал fixed, так как у нас sticky */
|
position: absolute;
|
||||||
/* top: 0; */
|
right: 0.75rem; /* Отступ справа как у контейнера */
|
||||||
/* width: 100%; */
|
transition: top 0.4s ease; /* Анимация позиции */
|
||||||
/* background: var(--bs-navbar-bg); */
|
z-index: 1001;
|
||||||
/* display: flex; */
|
|
||||||
/* justify-content: center; */
|
|
||||||
/* transition: all 0.8s; */
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#main-navbar > #logo.logo-big > .navbar-toggler {
|
||||||
|
top: 32px; /* Центрируем для высоты 105px */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* При скролле меняем позицию бургера */
|
||||||
|
#main-navbar > #logo:not(.logo-big) > .navbar-toggler {
|
||||||
|
top: 10px; /* Центрируем для высоты 60px */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* --- Стили для ссылок в меню --- */
|
||||||
.nav-item {
|
.nav-item {
|
||||||
color: var(--bs-body-bg);
|
color: var(--bs-body-bg);
|
||||||
padding: 10px 15px;
|
padding: 10px 15px;
|
||||||
@@ -119,14 +127,30 @@ body {
|
|||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Фикс для мобильной версии: ширина по контенту и прижатие вправо */
|
/* Фикс для мобильных версий: ширина по контенту, прижатие вправо, логотипы */
|
||||||
@media (max-width: 991.98px) {
|
@media (max-width: 991.98px) {
|
||||||
.nav-item {
|
.nav-item {
|
||||||
width: fit-content;
|
width: fit-content;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-collapse {
|
||||||
|
margin-top: -10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (max-width: 767.98px) {
|
||||||
|
#main-navbar > #logo > .navbar-brand {
|
||||||
|
background: none !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (max-width: 456.98px) {
|
||||||
|
#main-navbar > .container {
|
||||||
|
background: no-repeat left;
|
||||||
|
background-size: 105px 500px !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.nav-item:hover {
|
.nav-item:hover {
|
||||||
background-color: var(--bs-navbar-bg);
|
background-color: var(--bs-navbar-bg);
|
||||||
transition: background-color 0.8s;
|
transition: background-color 0.8s;
|
||||||
|
|||||||
Reference in New Issue
Block a user