Image banner collection page adjustment in height

Store Design
, , , , , ,
1

At the moment i’m building a webshop with the Trade template of Shopify.

I have made collection templates and added an image banner to it. But at this page the image banner is to heigh.

I already looked in the Shopify community for answers and i found one but when i use this one the footer is messed up. It is important that the image banner on the homepage will stay the same and i only adjust the height of the image banner on the collection pages.

The code I used, i put it in the bottom of the Base.css file:

body:not(.home) main .shopify-section:nth-of-type(1),

body:not(.home) main .shopify-section:nth-of-type(1) .banner__media,

body:not(.home) main .shopify-section:nth-of-type(1) .banner__content {

max-height: 320px;

}

Is there somebody that give me the solution?

Thank you!

2

Can you provide link to the store? and also explain the problem with a screenshot? I will review the site and provide a solution accordingl.

3

Hi @WWTrade

Wpould you mind to share your store URL? Thanks!

4

Hi @WWTrade ,

As for the issue you mentioned, I have reviewed the solution and found that your approach is correct, but it can be too broad and potentially affect other elements.

You need to select the right elements to set the max-height: 320px.

Can you kindly share your store link (with the password, if any) with us?

We will check it and suggest you a solution if possible.

Have a nice day sir! ^^