Hi, I'm a subscriber of your page and i've been implementing most of your codes through video Thanks a lot for that, Also can you pls make an video of transparent header while we hover through the header then complete header to turn into one color and header font to another color, Maybe that may looks even more aesthetically good, What's your thought on that I'll be looking for this particular tutorial in your page, Your are doing great, Thanks for all your educational tutorials which is 100% working and easy to apply
Thank you so much for all your Shopify videos, it has truly been a life changer for me! Question - is there a way to add a gradient to the invisible header, so it would start out black on the top, and gradiate towards transparent at the bottom?
Hello, This doesn't seem to be working as the coding you have used in the tutorial doesn't match the coding provided. In the second part of your menu tutorial, the coding starts with "{% if template == ‘index’ and section.settings.enable_transparent-header %}" whereas the coding you have provided starts with {% if section.settings.enable_transparent-header %}.
This is a great tutorial! Thanks for the great content! however, im having a problem where the setting "sticky header on scroll up" doesn't seem to work properly with this code. is there a solution to this?
Thank you so much bro! it worked. I am wanting to have a semi transparent header with blur. Very similar to how apple has their header. Is this possible?
After following your code and tutorial my home page looks incredible BUT all the other pages looks super weird. The Headline is on top of the menu. I would like there not to be a transparent header on the other pages. Or I would like to be able to control it. How to do so?
@@WebSensePro Yes, I have this same issue as well. Transparent header on all pages. I assume because these code changes are being applied to the global header?
@@WebSensePro Hello. Thank you for the tutorial. I have the same problem. The transparent header is going through product images. Is there any way to stop this for all other pages?
Followed your tutorial and everything worked until i added an "about us" page which is totally blank. I have to revert to the previous theme to see my "About Us" page unfortunately.
hey. the transparent header is showing up on all my pages. i want it to be only on the main page but i can't edit the header per page. any suggestions (i tried and followed the steps in the video 3 times)
![[Transparent Header Dawn 10.0.0 ] How To Add Transparent Header in Dawn 10.0.0](http://i.ytimg.com/vi/Z1JelHGDjMU/mqdefault.jpg)
![[Transparent Header Dawn 10.0.0 ] How To Add Transparent Header in Dawn 10.0.0](/img/tr.png)
Your content is a gem please do more!
On it
Great tutorial! Thank you so much for providing the code and walking through step by step. :) Super helpful.
You're welcome!
Could you please create a video where the logo changes and the background color shifts upon scrolling? Thank you! 🙏
Yes, soon
all your tutorial helped me so much !! thank you so much !!
You're welcome!
Thank you so much for your videos, they are brilliant!
You're welcome!
Assalam o Alaikum
As expected amazing tutorial, kindly as you mentioned more features of header kindly upload all of them ASAP
W/Assalam
Please contact via websensepro.com/contact-us for paid support
Chha gaye Sir aap to (You rock Sir)
Thanks
Helpful
Very easy to follow, works perfect! Thank you!! I need the Transparent and sticky Header for V13, Please!
It is for V13 but 13.0.1 is to be released on Monday
Hi, I'm a subscriber of your page and i've been implementing most of your codes through video Thanks a lot for that, Also can you pls make an video of transparent header while we hover through the header then complete header to turn into one color and header font to another color, Maybe that may looks even more aesthetically good, What's your thought on that I'll be looking for this particular tutorial in your page,
Your are doing great, Thanks for all your educational tutorials which is 100% working and easy to apply
Will definitely make one soon
Thank you so much for all your Shopify videos, it has truly been a life changer for me! Question - is there a way to add a gradient to the invisible header, so it would start out black on the top, and gradiate towards transparent at the bottom?
Yes it's doable but will have to check the store. Please contact via websensepro.com/contact-us for paid support
This tutorial it's perfect, pls a tutorial where when scrolling down the banner will appear automatically
Tutorial already in editing phase. Turn on notification after subscribing
Hello, This doesn't seem to be working as the coding you have used in the tutorial doesn't match the coding provided. In the second part of your menu tutorial, the coding starts with "{% if template == ‘index’ and section.settings.enable_transparent-header %}" whereas the coding you have provided starts with {% if section.settings.enable_transparent-header %}.
Will upload with the updated version
Please why i can't save, it shows me " Invalid JSON in tag 'schema " thanks for your answers guys !
same
Please reimplement as it works fine on all free themes
This is a great tutorial! Thanks for the great content! however, im having a problem where the setting "sticky header on scroll up" doesn't seem to work properly with this code. is there a solution to this?
Yes it's doable but will have to check the store. Please contact via websensepro.com/contact-us for paid support
the man!
Thanks
Hi! Thanks for the tutorial. Please show us how to make the default header show up after scrolling down. Thanks!
Sure thing! Updated tutotorial coming shortly
@@WebSensePro Awesome, looking forward to this one. Thanks!
thank you so much!!!! instant subscribe
Thanks for the sub!
Thank you so much bro! it worked. I am wanting to have a semi transparent header with blur. Very similar to how apple has their header. Is this possible?
Yes possible with a little code
After following your code and tutorial my home page looks incredible BUT all the other pages looks super weird. The Headline is on top of the menu. I would like there not to be a transparent header on the other pages. Or I would like to be able to control it. How to do so?
Updated tutorial coming next week with change logo scroll feature
Need the sticky header logo change continuation tutorial! When will that come out???
This week, its in editing mode. Recorded already
How do I make the transparent header work only on the homepage? Mine is continuing onto other pages on my website.
Thats weird it should work only on homepage, by the way updated tutorial is on the way
@@WebSensePro Yes, I have this same issue as well. Transparent header on all pages. I assume because these code changes are being applied to the global header?
@Hollymarshall5257 Have you found a solution for this problem?
@@paulplantade9419 I have thank you.
@@WebSensePro Hello. Thank you for the tutorial. I have the same problem. The transparent header is going through product images. Is there any way to stop this for all other pages?
please make video for sticky header color change after apply transparent header feature
Sure will definitely make
Plz make a video for different logo and sticky header when scroll up
Sure, will definitely do
I love you bro
Love you too
Thank you sir..
Please sir need scroll down went default white header..
Coming soon
@@WebSensePro Sir.. when will it come... :(
Hi, it's not allowing me to save the changes. Do you know what the problem might be? Thanks
Thats weird, contact shopify support
Followed your tutorial and everything worked until i added an "about us" page which is totally blank. I have to revert to the previous theme to see my "About Us" page unfortunately.
Please contact via websensepro.com/contact-us for paid support
This makes my logo/header sticky - making the logo and the menu items travel everywhere as you scroll down the page is there a way of stopping that?
Please contact via websensepro.com/contact-us for paid support
Can you Please make or ajust the first code for colors swatch for daw 13.0.themes
In progress
do you know how to show different autoplay video on desktop and mobile
Yes thats doable with some css code
question! I have a drawer menu and the transparant header goes on top of the menu. How can i fix this?
Yes it's doable but will have to check the store. Please contact via websensepro.com/contact-us for paid support
bratle obicam te!❤
I love u too 🤣🤣
Hello, my mobile version doesn't show the transparent header. How to fix it?
Please contact via websensepro.com/contact-us for paid support
Pls i need a tutorial with "where when scrolling down the banner will appear automatically"
Video releasing in few hours for that
hey. the transparent header is showing up on all my pages. i want it to be only on the main page but i can't edit the header per page. any suggestions (i tried and followed the steps in the video 3 times)
We are releasing the new one on Monday, turn on the notification
it showing transparent on my products and collection and other pages i just want transparent header on my home page
Add the entire code inside the condition:
{% if template == 'index' %}
// Insert your code here
{% endif %}
good
Thanks
Can you please create collection slider for dawn theme
I can show you that i already implemented it on my store
Sure, please share link
Hi does this work for V14? Struggling with new version
You can try this tutorial and if it doesn't work, please contact via websensepro.com/contact-us for paid support
doesnt work for me, all coding showing up in header
Please check line number where you added the code
How to add a phone number link to the header to the right of the cart icon
Sure will make ond
different logo and header becomes white after scrolling down
Please contact via websensepro.com/contact-us for paid support
how to make sticky and different background color??
Please contact via websensepro.com/contact-us for paid support
#differentlogos
New video on the way
DIFFERENT LOGO
Uploaded the updated one