Horizon Theme: Image Cropping in Bento Layout & Inconsistent Slideshow Display in Horizon Theme

Online Store and Theme Development
1

Hi everyone,

I’m currently using the Horizon Theme and running into a couple of issues related to image handling—specifically with the Bento layout and the slideshow/banner section.

Issue 1: Automatic image cropping in the Bento layout

Ideally, I’d like to upload all images in 16:9 format for consistency. However, the Bento layout uses multiple box sizes, which leads to images being automatically cropped depending on where they appear. This often cuts off important parts of the image.

To make things worse, the Horizon Theme doesn’t allow setting focal points for images. So I have no control over which part of an image gets cropped or shown.

Issue 2: Slideshow banners display inconsistently across devices

Another problem I’m seeing is that the slideshow banners appear at different heights on different devices—even when the screen sizes are nearly identical.

This makes it unpredictable whether the full banner image will be visible across all screen types. There’s no reliable way to ensure that the banner is always fully and correctly displayed.

My questions:

  1. Is there any way to disable or control automatic cropping in the Bento layout?
  2. Can focal points be added or simulated in the Horizon Theme?
  3. How can I ensure that slideshow banners appear consistently across devices?
  4. Are there any recommended image sizes or formats that work well for both the Bento layout and the mega menu?

Any advice or workarounds would be greatly appreciated!

Thanks in advance,
Alexandra

2

In regards with the focal points - if you got to content-> files then find your image assigned to the collection - click on it and you can set the focal pointy which will be used in the theme. Please mind focal points are an admin feature - themes only enable the use of the focal points.

On the same not, Horizon seems to take the default collection image without having an option for custom image in bento box - which kinds make you think that Focal points are not available in Bento box section - which is untrue.

For the hero section - you can use a custom height and set it to 100% or whatever percent you want which will be used across all screen sizes

3

Hello,

Thank you for your quick response!

I was able to find the focus points. I will try filling the Bento with 16:9 images and setting the focus points correctly, and I hope that will solve the problem.

I just couldn’t figure out the slideshow. I think I expressed myself incorrectly. I replaced the hero banner with a slideshow because I can only insert two media files in the banner, and these are then placed side by side rather than sliding. The height can be customized there.
Unfortunately, you don’t have that option with the slideshow, or I can’t find it. I took a screenshot of it.

Do you perhaps know of a solution? When I set it to “auto,” the banner disappears completely and is no longer visible.

I would be very grateful for further help.

image
image1920×1208 152 KB