Story pages showing a black box at bottom for some devices

Hi there,

Are you seeing this when viewing the story on actual devices, or is this just when using dev tools?

Hi Pascal

Thanks for the reply – Yes I’m seeing these on actual devices.

The first link that I shared is on my Google Pixel 6 Pro

https://drive.google.com/file/d/1NhKiSjXQktp1q_G5y4fMy8PiweO9aZUu/view?usp=sharing

Which have large screen so I checked with my friends multiple iPhones and on some Samsung devices as well. It’s showing up on those devices.

Then out of curiosity I checked using Chrome Dev Tools it’s showing up there as well for different screen sizes but in the Web Story preview tool it’s showing up alright and there is no black bar at top or bottom for any device.

Hi Pascal ??

I would highly appreciate if you can provide me an update about this.

Thanks

Gagan

Hi Pascal

Please provide an update about this.

Thanks
Regards
Gagan

In our plugin, the content area has a 2:3 aspect ratio, with the background (“fullbleed area”) having a 9:16 aspect ratio. If a device’s aspect ratio is beyond that (like in the case of the Pixel 6 Pro), then these black bars (what we call letterboxing) are expected and the layout mechanism is working as intended. There is nothing to do about this and we don’t have any plans to change the default aspect ratio at the moment.