Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 5, 2019 at 12:49 pm #1134371
    cnitsche360

    Hallo Team,

    folgendes Problem:
    Ich verwende die Masonry Gallery auf meiner Seite und habe den Bildelementen individuelle Texte gegeben (auch über das Masonry Gallery-Widget).

    > Auf Desktop erscheinen die Overlays immer dann, wenn ich mit der Maus über das Bild hovere.
    > Auf mobile werden die Overlays immer angezeigt.
    Das habe ich nun mit dem Code @media only screen and (max-width: 989px) {.av-inner-masonry-content.site-background {opacity: 0 !important;}} unterbunden.

    Leider habe ich noch keine Möglichkeit gefunden, dass mir die Overlays auch auf mobile nur “OnTap” angezeigt werden, statt Dauerhaft.
    Gibt es eine Möglichkeit hierfür?

    Vielen Dank schonmal für eure Hilfe!

    VG, Christian

    – – –

    Es gibt bereits einen anderen Eintrag, der sich mit der Thematik beschäftigt:
    https://kriesi.at/support/topic/full-width-masonry-display-title-mouse-over-iphone-ipad/

    September 8, 2019 at 4:07 am #1135548
    Mike

    Hey cnitsche360,
    Entschuldigung für die verspätete Antwort. Ich konnte Ihre Seite nicht anzeigen, da ein Passwort erforderlich ist. Bitte geben Sie dies an.
    Verknüpfen Ihre Mauerwerkselemente mit einer anderen Seite? Wenn dies der Fall ist, wird durch Tippen auf diese Seite anstelle der Titel eine Anzeige aufgerufen. Mobilgeräte haben keine Entsprechung für Hover- oder Mouseover-Geräte wie Desktop-Geräte.

    — Translated with Google —

    Sorry for the late reply, I couldn’t view your page because it requires a password, please provide.
    Do your masonry items link to another page? If they do then a tap will go to that page instead of showing the titles, mobile devices don’t have an equivalent to hover or mouse-over like desktop devices.

    Best regards,
    Mike

    September 9, 2019 at 10:22 am #1135877
    cnitsche360

    Hi Mike,

    thank you for your answer.

    They don’t link to other pages. It’s just a gallery with text- & color-overlays on hover.

    Maybe I need to find a new way to show these?
    Do you have any suggestions?

    Bests,
    Chris

    September 10, 2019 at 1:08 am #1136303
    Mike

    Hi,
    Thank you for the password, I see that on mobile taping the images actually opens them into lightbox, so one possibility is to disable that and then use css to show the text overlay on “active” which seems to work with a tap in my test:

    @media only screen and (max-width: 790px) {
a.av-masonry-entry:active .av-inner-masonry-content.site-background {
    opacity: 1 !important;
}
}

    but then you would lose the image in a lightbox, which for mobile may be better. Another possibility is to add your text into the “caption” of your image so it will show under the image in lightbox. We can add some css to hide the caption on desktop devices if you wish.

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.