How can I remove the white space above my header in Showcase theme?

[Aurelio1]

Hello community,

I am writing to you after reading a lot of posts about my problem, but the solution did not work for my site, and I feel like I have tried everything …
The last shopify forum posts that matched my problem :
https://community.shopify.com/c/shopify-design/white-space-above-my-header/td-p/403564

For a few weeks, I have a white space which is placed above my welcome image, and I cannot delete it (even by modifying the code)
Here is my website made on shopify: www.absky.fr
I bought the “Showcase” theme

My problem :

I tried to move my line in the code :
“id =” page - {{page_title | handle}} “class =” page - {{page_title | handle}} {% if customer%} customer-logged-in {% endif%} template - {{template | replace: ‘.’, ‘’ | truncatewords: 1, ‘’ | handle}} {% if template.suffix! = blank%} template-suffix - {{template.suffix}} {% endif%} {% if template contains ‘customers’%} template-customer-area {% endif%} {% if logo_html contains ‘img’%} has-logo {% endif%} "

that was just before the > of to put it in my tag.
Result: it put this text in the white space…

I don’t know if that can help you but for information, I already have in my tag a "
{{page_title}} {% if current_tags%} {% assign meta_tags = current_tags | join: ‘,’%} & ndash; {{‘general.meta.tags’ | t: tags: meta_tags}} {% endif%} {% if current_page! = 1%} & ndash; {{‘general.meta.page’ | t: page: current_page}} {% endif%} {% unless page_title contains shop.name%} & ndash; {{shop.name}} {% endunless%}

If you can help me, that would be really great, because I looked all over the internet and couldn’t find the solution to my problem,

Thanks in advance
Aurelio

[Zworthkey]

div#section-id-template--15162144424085__image-with-text-overlay {
    margin-top: -21px !important;
}

@Aurelio1
Add this code in the bottom of the Style.css or theme.css file.
I hope this will work. If helpful kindly like and accept our Solution.

If you need more help kindly ping us.
Thank you

[Aurelio1]

Hello @Zworthkey and thank you for your response!

So I tested putting it in my style.css.liquid it didn’t work.
Then I tested to put it in my theme.liquid, first in the it didn’t work, then in the either and there a text was displayed in the white bar in top that I want to make disappear :

Do you think of another solution ?

Thanks for taking time to respond to me !

Aurelio

[Zworthkey]

You have added it in wrong file.
You have to add in this file. Style.css or theme.css file

[Aurelio1]

ok @Zworthkey i just looked in the 7 files of my code (layout, templates, sections, snippets, assets, config, locales) and i don’t have a Style.css or theme.css…

I only have theme.liquid :

styles.css.liquid :

(and theme.js) :

which look like this name.

Where should I find it in the 7 folders normally?

thank you

Aurelio