Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • April 27, 2019 at 7:34 pm #1094950
    MusicalFactory

    Hello,
    the page with masonry-grid of latest post will be display on iPhone 6s with 2 columns, so the headlines are too long and overwrite the post beside:
    https://musicalfactory.ch/screenshot-masonryindex.jpg

    On all other Smartphones this works, but not on iPhone 6s. I set the Display-Option for Smarphones to 1 column, but this didn’t solve the problem. Are there specific option for iPhone-Displays?

    thanks for help
    Guido

    April 30, 2019 at 12:52 pm #1095737
    MusicalFactory

    Can someone help please?

    thanks
    Guido

    April 30, 2019 at 8:00 pm #1095855
    Victoria

    Hi Guido,

    Image 2019-04-30 at 20.59.45.png
    https://cl.ly/b510799771b1 Here is what I am seeing, is it not working for you like this?

    Best regards,
    Victoria

    May 2, 2019 at 10:52 am #1096422
    MusicalFactory

    Hi Victoria,

    thanks for your answer. Looks like, you look with Browser in Emulation-Mode. If I look in Emulation-Tools, I have also correct display. My Screenshots are from the originally Device, there is wrong display:
    https://musicalfactory.ch/screenshot-masonryindex.jpg

    What can I do to solve this?

    Thanks
    Guido

    May 3, 2019 at 5:59 pm #1096966
    Victoria

    Hi Guido,

    https://cl.ly/836d471eb79e Looks like this on my phone. Is that portrait or landscape view?

    Best regards,
    Victoria

    May 4, 2019 at 9:09 am #1097131
    MusicalFactory

    Hi Victoria,
    thanks for your answer. My Screenshot is portrait view on iPhone 6s.

    best regards
    Gerd

    May 8, 2019 at 1:34 pm #1098445
    Ismael

    Hi,

    Thanks for the update.

    This css code might help.

    @media only screen 
    and (min-device-width : 414px) 
    and (max-device-width : 736px) 
    and (orientation : landscape) 
    and (-webkit-min-device-pixel-ratio : 3) 
{ 
    .responsive.av-no-preview #top .av-mini-columns-1 .av-masonry-entry {
        width: 100%;
    }
}

    Please don’t forget to toggle the Enfold > Performance > File Compression settings.

    Best regards,
    Ismael

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