Bir el atın arkadaşlar bir CSS sorunum var

Arkadaşlar merhaba bir site çalışmamda bir sorunla karşılaştım bu konuda yardımcı olursanız sevinirim. Konu şu http://patisaray.sirmaweb.com/ linkindeki ana menünün logoyu ortalamasını istiyorum bunu scroll aşağıdayken yapıyor ama üstteyken yapmıyor. Var mı bir fikri olan.

Arkadaşlar ilgilenen ve kafa yoran yardım eden etmeyen herkese teşekkürler. Sorunu buldum ve düzelttim.

Sorun : en alt katmandaki a etiketinin css sinde padding farklılığındanmış teşekkürler.

col-md-10 class ını css dosyasında bul hocam top değerini biraz arttır düzelecektir.

main-menu class ı css de yok ben göremedim resimdeki kedi mi yedi acaba

Cevap için teşekkürler. Sayfayı aşağı alınca bir sorun olmuyor ama top değerini neden artırmalıyım sence?

O yemedi ama ben kafayı yedim

<style>
    .main-menu {
        margin-top: 70px;
    }
    .top-bar-lang {
        margin-top: 40px;
    }
    .is-sticky .main-menu {
        margin-top: 51px;
    }
</style>
<div class="row main-header ">
    <div class="col-md-2">
        <a href="index.html"><img src="images/ayarlar/28d08f1c73af43a7247b34df483a8ee4t.png" alt="" class="img-fluid"></a>
    </div>
    <div class="col-md-8">
        
        <div class="d-flex justify-content-start animate__animated animate__backInRight">
            <div class="main-menu">
                <ul class="nav">
                                                        <li><a href="index.html">Ana Sayfa</a></li>

                                                        <li><a href="kurallar.html">Kurallar</a></li>

                                                        <li><a href="haberler.html">Haberler</a></li>

                                                        <li><a href="basvurular.html">Başvurular</a></li>

                                                        <li><a href="felinoloji.html">Felinoloji</a></li>

                                                        <li><a href="iletisim.html">İletişim</a></li>

                                                    </ul>
            </div>
        </div>
        
    </div>
    <div class="col-md-2">
        <div class="d-flex text-right justify-content-end pt-2 pr-0">
                                            <div class="login-buton-wrapper animate__animated animate__bounce mr-0 ml-2 ">


                    <a href="giris.php" class="login-buton badge">Giriş</a>
                </div>
                <div class="login-buton-wrapper animate__animated animate__bounce mr-0 ml-2">


                    <a href="kayitol.php" class="login-buton badge">Kayıt Ol</a>
                </div>
            


        </div>
        <div class="float-right">
            <div class="top-bar-lang d-flex justify-content-end">
                <div class="language-buton-wrapper selected"><a onclick="return dilDegistir('TR')" href="">TR</a></div>
                <div class="language-buton-wrapper "><a onclick="return dilDegistir('RU')" href="">RU</a></div>

                <div class="language-buton-wrapper "><a onclick="return dilDegistir('EN')" href="">EN</a></div>
                <div class="language-buton-wrapper "><a onclick="return dilDegistir('AR')" href="">AR</a></div>
            </div>
        </div>
    </div>
</div>

Merhaba kodları gerekli yerlerde güncellerseniz sorununuz düzelecektir. Kolay gelsin.

Tekrar tüm ilgilenen arkadaşlara teşekkür ederim.