Make category photo half the height - empire theme

Store Design

Topic summary

Goal: Reduce the height of the collection/category image in the Shopify Empire theme to about half.

Context: The requester shared a screenshot and a public collection link, noting Empire theme support hadn’t responded.

Proposed solutions:

  • Upload a shorter banner image: one reply recommends using an image sized 1920x600px to control displayed height.
  • Adjust image aspect ratio or add custom code: GemPages notes the current image is 1:1 (square) and rendered with auto height, making it appear long. They suggest using a non-square ratio or inserting custom code in theme.liquid (before ), but the actual code snippet was not provided.

Key terms:

  • theme.liquid: the main layout file in a Shopify theme where global scripts/styles can be added.
  • 1:1 ratio: a square image; using a more horizontal ratio (e.g., 3:1) reduces perceived height.

Status: No confirmation of changes or results from the requester. The discussion remains open.

Action items:

  • Replace the current category image with a wider, shorter image (e.g., 1920x600).
  • If code-based styling is needed, obtain the missing snippet or guidance from theme/GemPages support.
Summarized with AI on February 3. AI used: gpt-5.
1

Hi!

I emailed empire theme support two weeks ago, and have not had any help back.

Does anyone know how to make the category photo half the height?

Here’s what I’m referring to:

Screen Shot 2022-12-12 at 3.29.44 PM.png
Screen Shot 2022-12-12 at 3.29.44 PM.png1352×1264 250 KB

website: https://metropolitan-compounds.myshopify.com/

no password is needed!

Thank you for the help

1 Like
2

@heyitsphae

yes, please just upload image 1920x600px

3

Hello @heyitsphae

It’s GemPages support team and glad to support you today.

I checked and found that the height of the displayed image is auto, because your image is having a 1:1 ratio so the image is quite long. You can consider uploading with a different ratio or you can follow these steps:

  1. Go to Online Store → Theme → Edit code
  2. Open your theme.liquid theme file
  3. Paste below code before :

If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team