Kardeşlerim bi el atar mısın? Kafayı yemek üzereyim.

Hava durumunu dikeyde ortayamadım. Lütfen nasıl yapacağımı söyleyin kafayı yicem. çok uğraştım olmuyor.

height verip vertical-align: middle olarak denediniz mi?

ALIŞ-VERİŞ arasındaki tireyi kaldırın, çok az da menü itemleri arasını kısın o cuk diye kendini yukarıya atar

Hocam bootstrap mı ?

.top-bilgi {background-image: url("hbg.png");background-repeat: no-repeat;background-position: top 14px left 0px;font-size:16px;  width: 50px;height:55px;padding-bottom: 5px;padding-top: 20px;padding-left: 35px;margin-left: 30px;color: #fff;font-weight: bold;position: relative;vertical-align:middle;}

Buradan olsa gerek

evet buraya ne yaptıysam olmadı



yaptım yemedi hocam



yok değil hocam

zaten navbar'ın positionunu relative vermissin bunu relative degilde absolute yaparsan yerine oturacaktır. menuyude biraz leftten kaydırırsın.

.top-bilgi {background-image: url("hbg.png");background-repeat: no-repeat;background-position: top 14px left 0px;font-size:16px;  width: 50px;height:55px;padding-bottom: 5px;padding-top: 20px;padding-left: 35px;margin-left: 30px;color: #fff;font-weight: bold;position: absolute;vertical-align:middle;}

denedim olmadı



ozamanda çözünürlük düşünce üst üste biniyor birde laps diye saçma sapan yere çakıyor ve left top diye diye oraya zorla getiriyorum responsive olmuyor

#naw-wrapper 'a CSS dosyasında "display:flex;align-items:center;justify-content:center;" kısımlarını ekleyin. Daha sonra .top-bilgi 'nin width değerini 85'e yükseltin. Bu kesin çözüm.

CSS dosyasında kutu boyutları border-box olarak ayarlandığı için top-bilgi'deki padding değeri kutunun iç kısmındandan hesaplanır, bu nedenle padding arttıkça width değerini arttırmak gerekir.

EKLEME: Mobilde logonun sola yaslı görünmesini istiyorsanız responsive.css'te aşağıdaki koda justify-content:flex-start; ekleyebilirsiniz:

@media only screen and (max-width: 992px)

#nav-wrapper {
padding-right: 0;

}