Remove space between announcement bar and header

Hi there!

I would like to remove space between sticky announcement bar and header (https://ofinomics.com/ :disappointed_face:

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

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. 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

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. 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; }

techlyser_web_0-1703832529691.png

Thanks a lot! It fixed the bug :blush:

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!