A Shopify beginner seeks help making their hero image/banner extend into the header area so the logo sits on the image rather than a solid background.
Solution Provided:
base.css file via Online Store → Theme → Edit codeImplementation Issue:
Current Status:
{% unless %}) so it only affects the homepage without breaking other pagesHi,
New to shopify!!
Wondering how I could expand my hero image/banner to bleed into the header so my logo sits on the image and not on a solid background.
See image for reference
I have tried entering codes but its giving me an error so not sure what im doing wrong.
Please help!!
Hello @jharokaau
send preview link
Hi Harivishwakarma,
What is a preview link? Sorry really new to this 
is this what you are after?
is this what you are after
yes that is correct.
I started building my shop just yesterday so not a 100% what im doing lol perhaps i can send you a screen shot? or do you need to get into back of house stuff?
actually i just removed password so you should be able to view it now?
actually here is the password: pialdu
Can you please share your store password.
Password: pialdu
Thanks
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
.header-wrapper.color-background-1.gradient {
position: absolute;
width: 100%;
background: transparent;
color: #000;
}
.header-wrapper * {
color: #fff;
}
sure - Watsapp
+61457599381
omg infoatcodelab7 it worked like magic
Thank you so much!!
Hello,
The code works correctly on the homepage but when I go to FAQs, About Us or any other page/product, the page “crashes” in the header. If I try to fix this with top padding or bottom padding, I also get a change on the homepage.
I understand that this can be fixed in code with {%unless%} or am I wrong?
If so, is there any way to fix this for all other pages with {%unless%} and then it works correctly on the homepage?
Kind regards!
this works on the home page but the other pages gets wired