Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • November 6, 2020 at 1:43 pm #1258861
    MarcusJeroch

    Hi @yigit

    1: You missed my last question here:
    https://kriesi.at/support/topic/urgent-images-not-loading/

    2: I got a masonry gallery with:
    Display title and description as overlay by mouse over
    On mobile the overlay is always there which is the worst version possible since it covers the whole image.
    Much better would be not to show the overlay at all on mobile.
    How can i get that?
    (No, a second gallery only for mobile via responsive-settings is not an option since it heavily increases the pageload)

    So please provide me a solution either via CSS or functions.php

    thanx

    November 10, 2020 at 10:55 am #1259514
    Ismael

    Hey MarcusJeroch,

    Thank you for the inquiry.

    1.) Unfortunately, there is no way to jump from one gallery to another without clicking first an image that belongs to a certain set or gallery.

    2.) To completely disable the caption on mobile view, we could use the following css code.

    @media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
  .avia_desktop .av-caption-on-hover .av-masonry-item-with-image.av-masonry-entry:hover .av-inner-masonry-content {
    display: none !important;
  }
}

    Best regards,
    Ismael

    November 17, 2020 at 1:24 am #1260864
    MarcusJeroch

    Before i added the CSS i realized a new issue:
    On ALL galeries the “hover in on mouse over” stopped working
    The overlay on mobile is still there

    In short:
    All “hover out” works.
    All “hover in” does not.

    Hover out on mouse over still works, showing overlays or descriptions constant still works…but “hover in” does not.
    I cleared the cache, toggled the enfold merge settings …nothing changed

    marcus

    November 19, 2020 at 8:28 am #1261475
    Ismael

    Hi,

    Thank you for the update.

    The css code above should have disabled the overlay completely or prevent it from displaying. Please post the login details in the private field so that we could check the issue properly. For the meantime, please check the css modification and make sure that there are no syntax errors such as missing curly braces or semi colons.

    Best regards,
    Ismael

    November 19, 2020 at 12:30 pm #1261516
    MarcusJeroch

    Like i said:
    “BEFORE i added the CSS i realized a new issue:”

    I cant give you access to my localhost

    November 23, 2020 at 5:30 am #1262245
    Ismael

    Hi,

    Thank you for the update.

    Would you mind posting the htaccess and WP login info in the private field so that we could check the element settings? For some reason, the title and caption container in the masonry items are missing so nothing shows up on hover.

    Best regards,
    Ismael

    November 23, 2020 at 2:22 pm #1262378
    MarcusJeroch

    It doesnt make to much sense if i give you access to the website, when the actual issue does ONLY exist on the new build version on my localhost.

    To avoid more misunderstandings:
    1: The initial issue is on my website online
    2: The new issue (no hover in) does exist only on my localhost version.

    But if you think that it helps if you look into a website where the issue does not exist – see private field

    November 26, 2020 at 5:12 am #1263168
    Ismael

    Hi,

    Thank you for the update. It would not help looking on a page where the issue does not occur, but when we checked the live site, the overlay effect or the content container does not appear on hover. Did you disable it on the live site?

    Best regards,
    Ismael

    November 27, 2020 at 6:55 pm #1263560
    MarcusJeroch

    Which specific URL did you look at?
    If here: https://marcusjeroch.de/galerie/…Yes, its disabled

    So we need to find the reason for the issue by any other way
    Marcus

    November 30, 2020 at 4:07 am #1263858
    Ismael

    Hi,

    Thank you for the update.

    The option works fine on our own installation, so it is probably cause by a custom modification or by a plugin. Unfortunately, we will not be able to help further if we cannot see or reproduce the issue. The overlay effect still works on the dev and live site.

    Best regards,
    Ismael

    November 30, 2020 at 4:55 pm #1264023
    MarcusJeroch

    Very, very strange….it fixed itself magically by leaving it alone for some days.

    BUT…the code you gave me does not work:

    @media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
  .avia_desktop .av-caption-on-hover .av-masonry-item-with-image.av-masonry-entry:hover .av-inner-masonry-content {
    display: none !important;
  }
}

    The overlay is still there on mobile.

    December 4, 2020 at 5:05 am #1264933
    Ismael

    Hi,

    Did you remove the cache before checking the page? Or try to check the site again on incognito mode.

    If it is not working, try this one instead.

    @media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
  .av-caption-on-hover .av-masonry-item-with-image.av-masonry-entry:hover .av-inner-masonry-content {
    display: none !important;
  }
}

    Best regards,
    Ismael

    December 4, 2020 at 12:31 pm #1264983
    MarcusJeroch

    Yes i checked it incognito und cleared the cache.
    I checked both of your codes
    Result :
    Mobile: still there
    This is weird.

    Could you please have a look into my CSS?
    Maybe there is something wrong but i dont see anything that could cause that issue
    CSS in private field

    thanks Marcus

    December 7, 2020 at 9:18 am #1265419
    Ismael

    Hi,

    Thank you for following up.

    We did not find any invalid code in the css modifications above aside from an empty css declaration, which we removed. This is the formatted version of the css code in the site.

    // https://pastebin.com/E2bq5B2V

    It works when we add this css in the Quick CSS field.

    @media only screen and (max-width: 767px) {
   .av-inner-masonry-content {
	display: none !important;
    }
}

    See private field.

    Best regards,
    Ismael

    December 8, 2020 at 10:55 am #1265714
    MarcusJeroch

    Is there any good reason why i should put your code into the Quick CSS field instead of the CSS file?

    December 9, 2020 at 12:52 am #1265885
    Jordan Shannon

    Hi,

    It will be safe from being overwritten due to accidental or unexpected updates.

    Best regards,
    Jordan Shannon

    December 9, 2020 at 12:53 am #1265886
    Jordan Shannon

    Hi,

    Unless you are using a child theme, then all updates are safe.

    Best regards,
    Jordan Shannon

    December 9, 2020 at 12:08 pm #1265965
    MarcusJeroch

    Of course i use a child theme.

    OK, problem solved, thread can be closed.
    Thanx

    December 10, 2020 at 6:31 am #1266181
    Ismael

    Hi,

    Awesome. We will close the thread now. Please do not hesitate to open a another should you need anything else.

    Have a nice day.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 19 posts - 1 through 19 (of 19 total)
  • The topic ‘Issue with Masonry on mobile’ is closed to new replies.