Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • August 26, 2019 at 11:11 am #1130907
    JCBirchfield

    Liebes Kriesi Team
    ich möchte die Topbar/Meta-Navi auf mobil ausblenden, auf Desktop soll sie jedoch weiterhin zu sehen sein. Wie geht das?
    Danke für eure Hilfe!

    August 26, 2019 at 4:03 pm #1131013
    Rikard

    Hallo JCBirchfield,

    Could you post a link to where we can see the element in question please?

    LG,
    Rikard

    August 26, 2019 at 4:24 pm #1131020
    JCBirchfield

    Hi
    die Testseite ist unter dieser URL abrufbar

    August 26, 2019 at 4:58 pm #1131029
    Guenni007

    du meinst jetzt aber wirklich das Mobile Endgerät und nicht kleine Screenweiten?

    Denn da hat Enfold schon eine Klasse an html vergeben, die genau das unterscheidet.
    Bei mobilen Geräten hat Enfold die Klasse an html gesetzt: avia_mobile
    du solltest also mit der css Anweisung im Quick CSS dies bewerkstelligen:

    .avia_mobile #header_meta {
  display: none;
}

    PS: bei Desktop Geräten entsprechend: avia_desktop

    August 26, 2019 at 6:42 pm #1131080
    JCBirchfield

    Hallo Guenni
    danke für deine Hilfe. Leider hat das nicht funktioniert. Könnte das daran liegen, dass ich über das Quick CSS die Navi (und auch die Topbar, die ich ja mobil, bzw auf kleinen Screens gar nicht angezeigt haben möchte) sticky gemacht habe?:

    @media only screen and (max-width: 767px) {
    .html_header_top.html_header_sticky #top #wrap_all #header {
    position: fixed;
    }
    }

    Danke euch für eure Hilfe

    August 27, 2019 at 6:30 am #1131216
    Rikard

    Hi,

    Thanks for the update. Did you make sure to delete the old CSS and JS files under Enfold->Performance before check the results?

    Best regards,
    Rikard

    August 27, 2019 at 11:12 am #1131281
    Guenni007

    Wie gesagt – ich fragte ob du wirklich Mobile Geräte Meinst oder eben kleine screenweiten

    Der Code oben ist nur für Mobile Endgeräte gedacht. Nicht für kleine Screenweiten !
    Also schau dir deine Seite dann bitte auf deinem Handy oder Tablett an, dort den Geräte Cache leeren.
    Und in Enfold eventuell wenn du es aktiviert hast das Merging erneuern.

    Um ganz sicher zu gehen setze mal die Anweisung auf important:

    .avia_mobile #header_meta {
  display: none !important;
}
    August 27, 2019 at 1:57 pm #1131321
    JCBirchfield

    Danke für deine Antwort. Alles getan wie beschrieben. Testhandy: Google Pixel 2XL. Leider funktioniert es nicht. Woran kann das liegen?

    August 27, 2019 at 6:54 pm #1131426
    Guenni007

    hast du Caching tools am Start?
    hast du das Merging in Enfold erneuert?
    Hast du in deinem Mobile Gerät von dem Browser den Cache geleert?

    Sonst probier das noch:

    .responsive.avia_mobile #top #header_meta {
  display: none !important;
}
  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.