Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #1427357

    Hi,
    I have a gallery on my page. But it seems there are unnecessary spaces between the pics. This only happens on IOS, not on other devices.
    See here: https://imgur.com/a/gdpOKcH

    Any guesses?

    Thanks

    #1427401

    Hi Stefan,

    Can you give us a link of the page shown in the screenshot?

    Best regards,
    Nikko

    #1427424
    #1427511

    Hi Stefan,

    Thanks for providing the link however the galleries seem to show in one column and I could not find the layout shown in the screenshot.

    Best regards,
    Nikko

    #1427754

    On which device did you test it? It only appears on iOS

    #1427925

    Hi Stefan,

    I checked it using an iphone, here’s the screenshot:

    Best regards,
    Nikko

    • This reply was modified 2 months, 2 weeks ago by Nikko.
    • This reply was modified 2 months, 2 weeks ago by Nikko.
    #1427943

    eventuell reicht schon:
    might already be enough:

    @media only screen and (max-width: 767px) {
      .avia-gallery-thumb {
        display: flex;
        flex-flow: row wrap;
        justify-content:  flex-start;  
      }
    }
    
    @media only screen and (max-width: 495px) {
      .avia-gallery-thumb a {
        flex: 1 1 100%;
        width: unset !important;
      }
    }

    just change the 495px to a width you like to have the one column layout

    #1428089

    Its still there – I use a gallery with a large pic above and then thumbnails below:
    See here https://imgur.com/a/CtqoqxJ

    #1428167

    Hi Stefan,

    I could see it now.
    Please try to use @Guenni007’s solution.

    Or you can also try this code and see if it helps:

    @media only screen and (max-width:767px) {
      #top .avia-gallery-thumb {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
      }
    
      #top #wrap_all .avia-gallery .avia-gallery-thumb a {
        float: none;
        width: 100%;
      }
    }

    Best regards,
    Nikko

    #1428183

    it worked! Thank you both :-)

    #1428206

    Hi Stefan,

    I’m glad that we could help you :)
    Thanks for using Enfold and have a great weekend!

    Best regards,
    Nikko

Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Gallery Problems on IOS’ is closed to new replies.