Resize Specific Category Banners in Reformation Theme (Desktop/Tablet Only)

[pjcasgui]

Hello,

I need assistance with modifying banner heights on my website (artclubapparel.com). I'm using the Reformation Theme and would like to make the following changes:

1. Keep Unchanged:

• Main collection banners (3 total), including:
• Spring/Summer Collection 2024 
• Fabled Feels
• Street Art

2. Resize (make thinner):

• All other category banners (e.g., Men's Sweaters, Women's Tops)
• This change should apply to desktop and tablet views only
• Mobile view (square format) can remain as is

SCREENSHOT EXAMPLES:

Main Collection Banners (to remain unchanged):

• I've provided screenshots of the three main collection banners (Spring/Summer 2024, Fabled Feels, and Street Art). These should keep their current dimensions.

1.  https://artclubapparel.com/collections/spring-summer-collection-2024

2.  https://artclubapparel.com/collections/fabled-feels

 

 

3.  https://artclubapparel.com/collections/street-art

Category Banners (to be resized):

• I've included a screenshot of the "Men's Sweaters" category banner as an example of what needs to be changed.
• The subsequent screenshot shows my desired result: a thinner banner for this and all similar category pages.

 Men's Sweaters:

What I'd like to achieve is the following:

No changes are needed for mobile view, as the current square format works well.

Could you please provide step-by-step instructions on how to adjust the height for these specific category banners while leaving the main collection banners untouched?

Thank you for your help.

Best regards,

P

[pjcasgui]

Can anyone help with this please? 

Thanks