How can I reduce the collection page banner height in Impact theme?

Store Design
, ,
1

Hello,

Im trying to reduce the height of our collection page banner only. Im using the impact theme.

This is what we are looking for:

Hobbycards_0-1706173477145.png
Hobbycards_0-1706173477145.png2854×636 170 KB

This is what we got:

Hobbycards_1-1706173487228.png
Hobbycards_1-1706173487228.png2868×1220 145 KB

Thank you.

BR

2

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

3

Hello,

Thank you. The URL is Hobbykort.se password: Hobbykort11

4

which banner do you want to change, share link of that

5

So basically, all collection pages will have this kind of banner." https://hobbykort.se/collections/fynd

6

Hello There,

try to paste this code , by navigating to theme customization and then settings to custom code,

if the height is less or greater just change the 290 value to greater or less

.content-over-media>:is(img,video,iframe,svg,video-media) {
    height: 290px !important;
}

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

![Screenshot_34.png|363x866](upload://4vTeU0wl4rTPUMvzuDz2gkruJQ7.png)
7

Hello,

Thank you that works. But it also changes my landing page banner height, I only want this to apply to the collection pages. Is there a solution for that?

BR

8

yes just give me a mint

9

hey @Hobbycards ,

please paste this code in your, theme.liquid file at ending of .

{% if template contains 'collection' %}

{% endif %}

and let me know if its works.

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

1 Like
10

It works great, thank you.

11

welcome.