У меня есть меню, которое становится фиксированным меню при прокрутке сайта. Когда это происходит, класс r-header-fixed добавляется (и удаляется при прокрутке назад). Логотип, который находится внутри моего фиксированного меню, меньше, чем тот, который вы видите при загрузке страницы, но при прокрутке размер сразу меняется. Как я могу облегчить переход?
Это моя линия CSS:
.r-header-fixed .container .row .col-md-3 .r-logo .d-inline-block .logomurrays{
height:70px;
}
Я пытался добавить transition: height 4s; к этому, но изменение все еще происходит мгновенно.