Shopify Tutorials/
Dawn Theme - Reduce Header Size
Search
Dawn Theme - Reduce Header Size

Dawn Theme - Reduce Header Size

Tags
Dawn Theme
Published
Published April 21, 2022
Author
LamQSolutions

Intro

Currently height of the header is huge.
If you want to reduce height of the header, you can follow steps below.
notion image

Solution

Step 1

Go to file Assets > base.css

Step 2

Add the following code at the bottom of the file
@media screen and (min-width: 990px){
  .header {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
 

You may be interested in our Shopify app

Ultimate Sections - Slideshow, Gallery, FAQs, Brand, Testimonial and more
Scrolly Telling - Create scroll-based animations visually.