How to remove a gap between announcement bar and the main photo

Technical Q&A
1

byoond_0-1654240769004.png

Hello Shopify experts!

could someone help me how to get rid of this white gap between announcement bar and the main photo in grey on mobile?
younipets.co.uk

2

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.scss.css and paste this at the bottom of the file:
.AnnouncementBar__Wrapper {
padding: 20px 15px;
}
3

Hi @ZestardTech , you can solve it by adding this CSS code at the bottom of your theme.css.liquid

@media screen and (max-width: 767px) {
#shopify-section-header { padding-top:43px !important; }
}