[cXF] Mobile logo header

[htsumer]

Thanks, nice app.
But I have my logo on the left, another ad on the right. Both appear on mobile.
I just want the main logo on the left to appear.

 

[BassMan]

If this is in your header advertisement position, you can add a class to your div and hide it on mobile.

 

[htsumer]

If this is in your header advertisement position, you can add a class to your div and hide it on mobile.

Yes, it's in the ad position. I don't understand how to do it.

<div>
<a target="_blank" href="https://www.maasmutemeti.com/forum/kategori/maas-parametreleri.215/"><img src="https://www.maasmutemeti.com/forum/styles/default/xenforo/katsayılar_ocak_2022_3.png" alt="" width="285" height="111" class="" /></a>
 <div class="p-forumList">
            <a class="p-forumList-link menuTrigger button acilirmenu" data-xf-click="menu"   role="button" tabindex="0" aria-expanded="false" aria-haspopup="true">Maaş Referans Tabloları</a>

            <div class="menu forumList-menu acilirmenucontent" data-menu="menu" aria-hidden="true">
              <div class="menu-content">
                    <h4 class="menu-header">H&#305;zl&#305; Eri&#351;im </h4>
                    <a href="https://www.maasmutemeti.com/forum/sayfa/maas-hesaplamalar/" class="menu-linkRow">Maaş Hesaplamaları</a>
                    <a href="https://www.maasmutemeti.com/forum/sayfa/zamli_memur_maas_katsayilari/" class="menu-linkRow">Maaş Katsayıları</a>
                    <a href="https://www.maasmutemeti.com/forum/sayfa/memur_maas_hesabi_veriler/" class="menu-linkRow">Maaş Verileri (2016-2021)</a>
                    <a href="https://www.maasmutemeti.com/forum/sayfa/sozlesmeli_tavan_ucretleri/" class="menu-linkRow">Sözleşmeli Personel Ücret Tavanları</a>
                    <a href="https://www.maasmutemeti.com/forum/sayfa/en_yuksek_devlet_memur_ayligi/" class="menu-linkRow">En Yüksek Devlet Memuru Aylığı</a>
                    <a href="https://www.maasmutemeti.com/forum/sayfa/aile_yardim_odenegi/" class="menu-linkRow">Aile Yardımı Ödeneği</a>
                    <a href="https://www.maasmutemeti.com/forum/sayfa/asgari_ucret/" class="menu-linkRow">Asgari Ücret Yıllara Göre</a>
                    <a href="https://www.maasmutemeti.com/forum/sayfa/kidem_tazminati_tum_yillar/" class="menu-linkRow">Kıdem Tazminatı Tavanları</a>
                </div>
            </div>
        </div>
</div>

 

[BassMan]

Change your first <div> to something like <div class="header-ad">.

Then add this code to your extra.less template:

@media (max-width: @xf-responsiveMedium) {
    .header-ad {
        display: none;
    }
}

 

[htsumer]

Wonderful.
Thank you so much.

 

[FedericoS]

Hello,

I've tried to insert this code on iO theme, but the logo does not appear in the mobile navigation

 

[BassMan]

Hello,

I've tried to insert this code on iO theme, but the logo does not appear in the mobile navigation

Hello,

I have just tested this and it works on iO style, but probably my iO style is outdated. If I can see this on the live site it would be helpful. You can PM me.

 

[CTS]

Trying this out on 2.3 and it mostly works. I know this thread is dated.

But the navbar expands to five times it's normal height.

I don't know if this is a version conflict, but I'd love to try it out.

 

[BassMan]

You can PM me your forum URL and I can take a look.

 

[hIBEES]

Anyway to get it to display a different logo when scrolling up?

 

[BassMan]

No, this would require more customizations.

 

[hIBEES]

No, this would require more customizations.

Thanks