How can I make my header background transparent without affecting its center alignment?

[sixdreamz]

Hello,

Quick Question.. 

is there any way to make the background of my header invisible so that you can see the picture behind the logo for example?

i tried a code from a other user, the background was invisible but now my header isnt centered anymore an my marquee which says "drop coming soon" is completely gone.

can somebody code me something so the header transparent. is still centered and it doesnt affect the marquee 

Theme: Sense

URL: sixdreamz.com

[Moeed]

Hey @sixdreamz 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

{% if template == 'index' %}
<style>
sticky-header.header-wrapper.color-accent-1.gradient {
    background: transparent !important;
}
main#MainContent {
    margin-top: -90px;
}
</style>
{% endif %}

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[virregouda]

This does not work for me.. What am I doing wrong? 

https://1f097c-e6.myshopify.com/ - Password Testar 

This is what I want - https://www.nudient.se/

[MRamzan]

Solved transparent header: