How to reduce announcement bar height on Debutify theme mobile version?

Store Design
1

Dear all, Im having trouble reducing the height of the announcement bar (specifically on the mobile version)
I’ve tried a code found on a previous question raised here in the community:

@media screen and (max-width: 769px){ .site-header {height: 40px !important;} }

but is not working. Could some help?

Thank you in advance.

Theme: Debutify

2

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

3

Hello There,

Please share your store URL and Screenshot.
So that I will check and let you know the exact solution here.

4

Hi man is not enough the screenshot I’ve just sent you? I

5

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.css and paste this at the bottom of the file:
@media screen and (max-width: 590px){
.banner {
padding: 5px 15px !important;
}
}
6

Hello guys, I just noticed that the backgound on mobile (when you drag the screen sideways is of a different colour) I think before the coding you gave me was okay. As I havent been adding anymore coding. Could you help me to understand the reason and fix this issue? Thank you in advance. @ZestardTech