[cXF] Mobile logo header

htsumer · May 15, 2022

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 · May 15, 2022

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

htsumer · May 15, 2022

BassMan said:
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.

Code:

<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 · May 15, 2022

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

Then add this code to your extra.less template:

Less:

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

htsumer · May 15, 2022

Wonderful.
Thank you so much.

FedericoS · Jul 21, 2022

Hello,

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

BassMan · Jul 22, 2022

FedericoS said:
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 · Dec 12, 2024

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 · Dec 12, 2024

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

hIBEES · Oct 20, 2025

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

BassMan · Oct 20, 2025

No, this would require more customizations.

hIBEES · Oct 20, 2025

BassMan said:
No, this would require more customizations.

Thanks

[cXF] Mobile logo header

htsumer

Active member

BassMan

Well-known member

htsumer

Active member

BassMan

Well-known member

htsumer

Active member

FedericoS

Active member

BassMan

Well-known member

CTS

Active member

BassMan

Well-known member

hIBEES

Active member

BassMan

Well-known member

hIBEES

Active member

Similar threads

We value your privacy