How to increase header size - horizon theme

Shopify Discussion
, , ,
1

Hello, how do you increase the header size on horizon theme?

2

1000150843
10001508431920×1355 326 KB

1 Like
3

Hey @ads18922,

Could you please share your store URL and password (if applicable) so that I can take a look and provide you the solution code?

Looking forward to hearing back from you.

Best,

Daniel

4

Hi @ads18922

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.css / based.css file and paste the code in the bottom of the file.
.header {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

@media screen and (max-width: 749px) {
  .header {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
}

You can change the `20px` values for the desktop header to increase or decrease the top and bottom padding, which in turn changes the overall height.
Similarly, you can adjust the `15px` values for the mobile header to get your desired height on smaller screens.

Thank You!