White space between announcement bar and header

[deezaorganics]

Hello,

Please I need help removing the spaces with the red arrows. I have tried all the trick available but none is working. Can anyonehelp please?

Thank you

[developerSP]

Hello @deezaorganics

Kindly provide the website URL along with the corresponding password.

Thank you

[Dan-From-Ryviu]

Hi @deezaorganics

Please share your store URL

[Transcy]

Hello @deezaorganics ,

You can try to follow these steps:

Go to Online Store → Themes → Actions → Edit code

Go to Assets folder → base.css file or theme.scss.liquid file

Add this following code at the bottom of page

.announcement-bar {
    margin-bottom: 0;
}

.site-header {
    margin-top: 0;
}

Save and preview

Hope this can help.

Transcy

[Dan-From-Ryviu]

Hi @deezaorganics

That space caused by white space of your logo, please remove those space to solve the issue

[deezaorganics]

There’s no password thanks

https://03fa9c-3.myshopify.com/admin/themes/151217144090/editor

[deezaorganics]

https://03fa9c-3.myshopify.com/admin/themes/151217144090/editor

thanks

[deezaorganics]

Thank you very much. I cant believe it was something so simple. Only problem is now i have s lot of space between Rich Text and the header

[Dan-From-Ryviu]

Please reduce this value to remove those space

[deezaorganics]

I’ve done that using ‘inspect’ but its not changing permanently. How do I make that change in Shopify Code please

[Dan-From-Ryviu]

You must edit it from where you added it, not in inspect of browser.

[deezaorganics]

I don’t know where that is please. Can you help correct it?

[Dan-From-Ryviu]

You can try to find it from your theme.liquid or header.liquid files

[deezaorganics]

ok thanks a lot. im not a coder so I still dont know where to find that. I’ll start another discussion to find someone who can translate it.

Thanks a lot