How do I reduce the size of the header on the Blockshop Theme? There's too much vertical white space

Store Design
, ,
1

How do I reduce the size of the header on the Blockshop Theme? There’s significantly too much vertical white space on the desktop view and no simple height adjustment slider bar so I’m assuming something has to be edited / added in the code. Please let me know what needs to be edited / added and exactly where, I keep seeing discussions on adding to the theme.css but this does not exist on my Asset list, I only see theme–async.css.liquid, theme—critical.css.liquid, and theme.js in the Asset list, theme.liquid in the Layout list, and header.liquid in the Sections list…but there is no theme.css anywhere

2

Please share your store URL

3
4

Hello @Anders9

I would like to give you the recommendation to support you so kindly follow steps below:

  1. Go to your Online store > Themes > Edit code
  2. Open your theme.liquid file
  3. Paste the below code before

I hope the above is useful to you.
Best regards,
GemPages Support Team

5

Hi @Anders9

This is Kate from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/ theme—critical.css->paste below code at the bottom of the file:

.header--root[data-section-id] {
   padding: 0 15px !important;
}
.header--bottom-row {
   padding-top: 0px !important;
   min-height: 50px !important;
}
.header--cart {
   top: 0px !important;
}