Flarum’un mevcut mobil temasında site logosu Hamburger menü altında kalıyor ve siteye ilk girişte herhangi bir logo gösterilmiyor. Bu sorunu çözmek için bir kaç satır kod eklemek yeterli. Mobil temada sayfanın en üstüne logo eklemek için aşağıdaki kodları Admin Panelde harici başlık bölümüne;
<div class="flarumtrheader">
<div class="logo-holder1">
<a href="/"><img src="https://flarumtr.com/assets/beyazlogo1.png" alt="FlarumTR logo" height="38" width="210"></a>
</div></div>
Sayfa üstünde görünmesini istediğiniz logoyu site dizinin de assets klasörünün içine atın. Logonun boyutlarını yukarıdaki kodda girmeyi unutmayın. Ardından Aşağıdaki kodları Admin Panelde Görünüm > HArici Sitiller bölümüne ekleyin.
.flarumtrheader { background-color: #002747; text-align: center; }
.logo-holder1 { padding: 20px;}
.logo-holder1 img {max-width: 210px;}
@media (min-width: 768px) {.flarumtrheader { display: none;} .logo-holder1 img { display: none;}}
Renki logo kullancaksanız yukarıdaki kodda background-color: #002747; kısmını background-color: #fff; şeklinde değiştirin. Beyaz logo kullanacaksanız background-color: #002747; kısmındaki renk kodunu istediğiniz renk kodu ile değiştirin.
