Adjust spacing between announcement bar and nav bar/header - dawn theme

Store Design
1

Hi there!

This is probably a relatively easy fix but I believe I’ve managed to adjust the spacing accidentally in the past and it hasn’t been until I’ve activated my announcement bar that I’ve noticed it.

As you can see in the screenshots there is a small line between the nav bar and the announcement bar. I’m just looking to try and get rid of it if possible!

Thank you!

URL is sevenwolves.co.uk

White line below red announcement bar
White line below red announcement bar2560×1344 382 KB

Close up of where the line is

2

@joedogfish

Hi,

To remove the gap between header & announcement bar, please add the code below to Assets > base.css file.

@media screen and (min-width: 750px) {
  .section-header {
    margin-top: -1px;
  }
}

It probably has 1px gap but it could be more than that (from your screenshot).

If the gap is more than 1px, you may change the margin-top amount to -2px or -3px to fit your needs.

Hope it helps.

1 Like