How to reduce the height between the header menu and the banner component. DAWN THEME

Store Design
1

How do I reduce the height in between the header menu and the banner component?

Please refer the picture down below for clarification

Thank you

Capture.PNG
Capture.PNG1901×753 129 KB

Any help and support are much appreciated,

URL: Abbasi (theabbasiandsons.myshopify.com)

Password: testingpage

2

Hi @justauser ,

Use this to reduce space between banner & menu…

  1. From your Admin Page, click Online Store > Themes >Actions > Edit code

  2. In the Asset folder, open the base.css

  3. Paste the code below at the very bottom of the file.

@media screen and (min-width: 990px) {
  .header {
    padding-top: 0 !important;
    padding-bottom: 2rem;
  }

Hope this helps and if you found this post helpful, please. Thank you

1 Like
3

Hello @Farouk-dev , Thank you so much, it worked!

1 Like
4

You’re welcome @justauser