Hi there!
I would like to remove space between sticky announcement bar and header (https://ofinomics.com/ 
I have already tried to reduce padding in base.css and theme.liquid but it wasn’t efffective.
Can someone help me? I would appreciate it very much.
Thanks in advance,
Ofinomics
Hello @Ofinomics
You can add code by following these steps
-
Go to Online Store → Theme → Edit code.
-
Open your theme.liquid file
-
Paste the below code before on theme.liquid
.localization-wrapper {
justify-content: flex-start !important;
}
Hi @niraj_patel ,
Thanks a lot for your response, but after posting your code, the web appears the same.
Hi @Ofinomics
This is Henry from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file base.css
Step 3: Paste the below code at bottom of the file → Save
body div#shopify-section-sections–19412699808074__header {
top: 38px !important;
}
Hope that my solution works for you.
Best regards,
Henry | PageFly
Hello @Ofinomics
Actually I made a mistake in understanding your question, I apologize for this.
You can add code by following these steps
-
Go to Online Store → Theme → Edit code.
-
Open your theme.liquid file
-
Paste the below code before on theme.liquid
.localization-wrapper {
justify-content: flex-end !important;
}
.section-header {
top: 3px !important;
}
.header {
padding: 0 3rem !important;
}

Thanks a lot! It fixed the bug 
Thanks again for your effort on this! It fixed the space between header and announcement bar but now it seems like header is sticky but announcement bar it is not.
Sorry again @PageFly-Henry , but now the problem is that the language and location selector menu appears behind the header… I have already tried to change the z-position of the announcement bar but it doesn’t work. Could you please help on this? Thanks in advance again!