Site logosunun mobil görünümde uzama sorunu

Merhaba

Sitemin temasındaki logo ayarı responsive olarak ayarlanmamış. Masa üstü versiyonda logo normal görünürken, mobile geçtiğinde boyu biraz uzuyor ve kötü bir görüntü oluşturuyor.
Acaba mobilde de masa üstündeki gibi düzgün görünmesi için hangi css kodunu eklemeliyim? Yardımcı olursanız sevinirim.

Siteyi görüntülemek için tıklayınız.

styles.css de şu kısma:

@media (max-width: 532px)



.herle-logo {
 right: 50px;
width: 120px;
height: 50px;
}

height:50px; kodunu eklersen sorun çözülecektir.

Css erişiminiz varsa

.herle-logo satırındaki witth değerine auto yazmanız yeterlidir.

@media (max-width: 532px)

.herle-logo {
right: 50px;
width: auto;

}

teşekkür ederim

Teşekkür ederim, bu yöntem işimi gördü

Bir diğer çözüm yöntemi şu şekildedir:
Görünüm > Özelleştir > Custom CSS ekleyiniz:

@media screen and (max-width: 532px) {
.herle-logo {
width: 160px !important;
}
}