Debut Theme - How to make navigation bar overlap image

Solved
Highlighted
Excursionist
10 0 3

hi ketan i tried using the code 

.site-header {
    position: absolute;
    background-color: transparent;
}

but there's still the white header background of our website 

Highlighted
Shopify Partner
9687 1218 3408

Hello, @brinago1 

Welcome to the Shopify community!
and Thanks for your Good question.

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
0 Likes
Highlighted
Excursionist
10 0 3
Hi we sent you an email!
0 Likes
Highlighted
Excursionist
10 0 3

it worked! thank you so much!!

0 Likes
Highlighted
Shopify Partner
9687 1218 3408

@brinago1 

Thanks for URL.

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css.liquid->paste below code at the bottom of the file.

.template-index .site-header__mobile-nav {background-color: transparent;}
.template-index .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
Highlighted
Excursionist
10 0 3

Thank you for this! it works when im using desktop.

but when i open it in mobile, only the first two options show (home and our story) the other 3 (shop all, FAQs, and TLC) do not show

Highlighted
Shopify Partner
9687 1218 3408

i have provide home page code if you have add this code all page some page overlay issue 

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
0 Likes
Highlighted
Excursionist
10 0 3
 
Hi Ketan!  I would also like to ask for your help on how i can change the sold out button to "pre order" button whenever my inventory becomes 0. I tried one solution posted in the shopify community ( https://community.shopify.com/c/Shopify-Discussion/Change-order-button-in-pre-order-button-depending... ) however, the preorder button is perpetually there. Even if our products have available stocks in the inventory it still says pre order. How do i solve this?
0 Likes
Highlighted
Shopify Partner
9687 1218 3408

@brinago1 

Thanks for it

it can be done some customization 

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
0 Likes
Highlighted
Excursionist
10 0 3

Hi @KetanKumar !

Can you show me how?

0 Likes