What am I doing wrong? I have a layout block with a gallery across the full width of a website. The images should fill the format. It works in desktop view, but not on the iPhone. Can anyone help me? feiern-im-deutschen-haus.de
You have it working correctly on mobile @shifuzzy, but I see what you are talking about.
Your tables and chairs image looks like you haven’t requested it to fill out its container. You’ll see that below the Image Gallery settings… Letterbox / Stretch… you need to use the Fill when you have the image selected in your gallery.
Thank you FlaminFig. But I think I have done correctly. I have attached 2 screenshots. There you can see the problem. In the mobile browser, the image is also not filled up to the specified top edge of the box. It should cover half of the logo.
Ok, that is strange?
I’m also noticing the heading and text (just below the image on the canvas) is not there either?
Which mobile device size are you using to view it?
Has the image and heading/text (below it) moved down the page? accounting for the gap you have pointed out.
Mobile device size is portrait smartphone 320px. The screenshot is from an iPhone 16 Pro. The headline and the blue area appear later, which is intentional. So the spacing is correct. The only problem is that the fill function does not work in mobile. It does not fill the area intended for it.
Does the gallery and the logo sit inside the same layout block, or are they in separate layout blocks? If it’s the later, it could explain the issue. The design is intended have the logo half-covering the gallery. If these objects are in separate layout blocks, this effect may not be 100 percent reliable on all devices, as layout blocks are generally not designed for overlapping. Whilst it may look ok on the desktop version, changing device may cause the layout blocks to separate - creating an unwanted space between the blocks.
Aaah, that’s a very good point. The logo isn’t in any layout block. That could be the problem.
No, moving the logo to the layout block didn’t help. The problem remains that the image does not fill the format in the mobile view.
Maybe you could give us a link to your website if you have it Published, so we can take a look at it in real time… Thanks.
Like in my first post 
Ok, @shifuzzy this is actually to do with your placed images.
As you would have probably noticed how the desktop displays the images are totally different to mobile as mobile is more a portrait view and desktop is landscape.
On some of your placed landscape images you have top and bottom margins of white space. You need to get rid of that by cropping your image. I’m sure this will fix your issue.
No, Hendrik, none of the photos have white borders at the top or bottom. The white borders appear because the photos are not filled, but trimed. And I also believe that the “fill” function does not care whether the original photo is in portrait or landscape format. I will ask Duncan.
Ok, I’ve exhausted my pitches! :frowning! 
If that wasn’t the issue then I was also going to mention to you to have a chat with Duncan.
okay, I’ll let you know
1 Like