I use the Debutify theme and I want the “Featured Image” at the top of my page to be displayed behind the navigation area, how do I do that?
I have added code to the bottom of theme.scss.liquid to make site header transparent when at the top of page and to be solid when scrolling down, this is working however the image isn’t all the way at the top of the page when in mobile view. The black shown is the website background which is black (when it scrolls it is set to dark grey)
For reference, this is what it currently looks like:
This is what I want it to look like:
site: 035f55-49.myshopify.com/
password: ohrewp
Any help would be greatly appreciated
Tom
please add this css code hopefully you issue will be resolve, if you do reach out me i will over here for your help 
#shopify-section-template--17852046541016__featured_image_6F8aCb {
margin-top: -80px;
z-index: ;
}
Hi thanks for replying!
Can you tell me where abouts I paste this code into? I tried at the bottom of theme.scss.liquid and theme.liquid
@Dome_Clothing
you need to put that code into theme.scss file, I have reviewed that you site is looks broken? what have you dont with that do you need help to fix that?
The website was broken because I added that code at the bottom of the theme.scss file, I removed it and it’s fixed again but I still don’t know where to put the code you provided
Is this the right file to put the code into?? I can’t find a file named “theme.scss”.. only “theme.scss.liquid”
And where abouts in the file do I paste the code you provided..? Like I said, I tried putting it at the bottom and it broke the website
Sorry for the hassle, I am new to this and appreciate you helping
@Dome_Clothing you can put the code at the end of this file.
I tried putting it at the end of the theme.scss.liquid file and it broke the website like you saw. Any other suggestions?
can i do it for you ? if you never mind?
