Remove space between announcement bar and header

[Ofinomics]

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

[niraj_patel]

Hello @Ofinomics 

You can add code by following these steps 

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid

<style>

    .localization-wrapper {
        justify-content: flex-start !important;
     }

</style>

[Ofinomics]

Hi @niraj_patel,

Thanks a lot for your response, but after posting your code, the web appears the same.

[niraj_patel]

Hello @Ofinomics 
Actually I made a mistake in understanding your question, I apologize for this.

You can add code by following these steps 

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid

<style>

    .localization-wrapper {
        justify-content: flex-end !important;
     }

     .section-header {
       top: 3px !important;
      }
     .header {
         padding: 0 3rem !important;
      }

</style>

[Ofinomics]

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.

[PageFly-Henry]

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

[Ofinomics]

Thanks a lot! It fixed the bug 😊

[Ofinomics]

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!