Debut Theme - How to make navigation bar overlap image

Solved
Oceane
Tourist
5 0 2

Hello everyone,

 

I'm using the Debut theme and I'm trying to make the navigation bar transparent and on top of my "image with text overlay" section. But I have no idea how to move my shop content so that they overlap... I want it to look like the Boundless or Brooklyn themes where you can see the navigation bar on top of the slideshows with a transparent background. Is there a way to do so ?

 

Thank you in advance.

KetanKumar
Shopify Partner
14144 1649 5076

Hello, @Oceane 

Thanks for post.

Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Oceane
Tourist
5 0 2

Hello, thank you for your reply. You can see my store here : xxxx 
You can see that the header is white and on top of my dog image, I would like it to be transparent and over my image.
Thank you in advance :)

0 Likes
KetanKumar
Shopify Partner
14144 1649 5076

Thanks for URL.
sorry, but your store is password protect can you please share us

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Oceane
Tourist
5 0 2

My bad ! The password is xxx. Thank’s for your patience !

0 Likes
KetanKumar
Shopify Partner
14144 1649 5076

This is an accepted solution.

Thanks 
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste bellow code in the bottom of the file

.site-header {
    position: absolute;
    background-color: transparent;
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Oceane
Tourist
5 0 2
Oh it worked perfectly !! Thank you so much, I’ve tried so many things yesterday with no result, thank you again.
Have a nice day !
0 Likes
KetanKumar
Shopify Partner
14144 1649 5076

Thanks

If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Oceane
Tourist
5 0 2
I’ll keep that in mind, thank you :)
Cherizzle
Excursionist
24 0 4

Hello,

This doesn't seem to work for me. I want header to be transparent on the Debut theme and for it to overlap my 'image with text" which is the first section on my home page. 

 

Also is there any way to have it be transparent on just the home page?