@ORLA
@media screen and (max-width: 992px) {
#agama-logo {
max-width: 100%;
display: flex;
align-items: center;
}
hgroup#agama-logo > div:not(.mobile-menu-icons) > * {
flex: 0 0 100%;
}
#masthead .site-title a {
line-height: 30px;
}
hgroup#agama-logo > div:not(.mobile-menu-icons) {
flex: 0 0 60%;
display: flex;
flex-wrap: wrap;
}
.site-title a::before {
width: 100%;
height: 96px;
vertical-align: -50%;
background-size: 110px;
background-position: center;
}
}
Please add above code in Additional CSS
Regards