How to change or edit the HERO height in BROOKLYN theme

I know many of Shopify store owners love to use the Brooklyn theme for free. Brooklyn is designed and developed by Shopify team. It’s really a nice theme to make simple store.

In Brooklyn theme, the slider height is set to 100VH by default and there is no option in theme customizer to control the height. However, you can easily change the slider height by writing css code. Here how you can do that.

Step 1:

Navigate Online Store from the left panel and then click ThemesYou will see an Action button on the right side of your activated theme. Click the Action button and then click again on  Edit HTML/CSS.

Brooklyn Theme Tweaks


Step 2:

Now click on the Assets folder and then find out the theme.scss.liquid file and open it by clicking.


Step 3:

God job. You have found it out. Let’s find out this line .hero–full-height and change the value of height and min-height. Once you changed those 2 value let’s hit the save button.

You are done.  🙂

Mithu Alamin

Mithu Alamin is a professional web developer.

Leave a Reply

Close Menu