Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • May 15, 2019 at 9:36 pm #1101164
    ollie08

    hi,
    please look at my link below. With a tablet are the Gallerypics all activated (hoover). i want the pictures to behave like the desktop version, is thas possible?

    thanks for your help in advance

    best regards,
    Oliver

    May 17, 2019 at 4:29 am #1101630
    Rikard

    Hey Oliver,

    Do you mean that there’s no hover effect on tablets? That is because the hover state doesn’t exist on mobile devices unfortunately.

    Best regards,
    Rikard

    May 21, 2019 at 9:57 pm #1103092
    ollie08

    Hi Rikard,
    Thanks for your answer.

    so i aded a second Masonry Gallery to the page. The first one is now visible on desktop screens (screen options) the second one on smaller devices.
    for the color overlay i use this css:

    /*ENFOLD – MASONRY – BACKGROUND OVERLAY*/
    #top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content {
    background: #b91e19;
    }

    #top .av-caption-style-overlay a.av-masonry-item-with-image .av-inner-masonry-content {
    background: rgba(185, 30, 25, 0.7);
    }
    For the Desktop is the solution fine, but Is there a chance to hide the Color overlay on the mobile version and use a smaller font size oft the second Masonry? with section ID?

    thanks for your help in advance

    best regards,
    Oliver

    May 27, 2019 at 6:35 am #1104427
    Ismael

    Hi,

    Thank you for update.

    It’s actually the opacity of the masonry items. Try this css code.

    .avia_desktop .av-hover-overlay-active .av-masonry-image-container {
    opacity: 1;
}

    Best regards,
    Ismael

    May 28, 2019 at 8:38 pm #1104964
    ollie08

    hi,

    Thanks for your answer, but unfortunately this is not the solution for my problem. I’m trying to be more specific:
    1. i have a Deskop-Version: The Masonry Gallery is ok for me
    2. i added a second Gallery shown on mobile Devices. Now i lke to hide the Color overlay on the mobile version and use a smaller font size oft the second Masonry. I Would like to change only the second Gallery for mobile devices.

    thanks for your help in advance

    best regards,
    Oliver

    update:
    for the font size i use this solution: https://kriesi.at/support/topic/masonry-gallery-font-size/ but i like to have different sizes for the desktop and the mobile version. Can i solve it with the Section-id?

    • This reply was modified 5 years, 8 months ago by ollie08.
    May 31, 2019 at 4:41 am #1105572
    Ismael

    Hi,

    Thank you for the clarification.

    Are you sure that you want to remove the caption overlay? The masonry title and captions become a bit difficult to read when the background is removed.

    .main_color .container .av-inner-masonry-content, .main_color .container .av-masonry-entry .avia-arrow {
    background-color: transparent;
}

    Best regards,
    Ismael

    June 6, 2019 at 9:47 pm #1108077
    ollie08

    Hi Ismael,
    Thanx for your answer, but its did not solve my Problem. I try to explain again:

    1. Desktop Version ist fine, (Section ID: Desktop-Masonry)
    2. Mobile Version (Section ID: mobile-Masonry)
    both Galerys are on the same page, and i want remove only on the mobile-Masonry the red overlay and change the Fontcolor

    i can give you a backend access if you want.

    best regards,
    Oliver

    June 10, 2019 at 12:53 pm #1108808
    Ismael

    Hi,

    Thanks for the update.

    You should wrap the code inside a css media query if you don’t want it to affect the desktop view.

    
@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
   .main_color .container .av-inner-masonry-content, .main_color .container .av-masonry-entry .avia-arrow {
       background-color: transparent;
   }
}

    Best regards,
    Ismael

    June 11, 2019 at 9:56 pm #1109292
    ollie08

    Hi Ismael,

    with your help, I can move on. Thank you very much for your patience.! :-)

    best regards,
    Oliver

    June 13, 2019 at 5:53 am #1109706
    Ismael

    Hi,

    Awesome! Thank you for your patience as well. Please feel free to open a new thread if you need anything else.

    Have a nice day.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Masonry Gallery mobile Version do not work like the desktop Version’ is closed to new replies.