these settings are only working properly on desktop version for mobile its not working specially the only home page transparent thing if you could fix that please try and thanks for the video
Hey man this is great but the transparent logo does not show when I change the 'desktop logo position' to 'Middle Center.' The scroll down feature works and the regular logo then appears but the 'transparent logo' does not. Any ideas on how I could fix this? Thanks man!
Hi bro! Thanks for sharing this golden information! Im already make it, all good, but now in mobile version header overlay in my product picture, so how to add space in mobile version?
Thank you so much for this tutorial! It made adding a transparent header so easy. Do you have any tips on how to make the transparent header solid when hovering? I noticed the drop down will remain transparent when hovering and is difficult to read. I'll play around with it in the meantime. Thank you again!!
Thanks for this amazing video. Keep up the good work. I've implemented this and it worked as described. There's a couple of things I'd like to suggest to improve the functionality. 1. The Enable on Homepage selector is great for limiting the transparent header to the homepage. Excellent. However the choice to either enable on homepage vs the whole site isn't really useful because then you need a banner on every single page, including product pages. An option to extend the transparent header to a) collection pages and b) CMS pages/blog pages would be ideal. 2. Another great inclusion would be to enable a different color scheme specifically for the transparent header. This would give greater flexibility over which banners can be used. Great tutorial, keep up the good work!
Thank you for your help. Your steps helped me develop the work site... and I applied the steps, but after implementation, something happened that I could not find a solution for. Desktop menu type - Dropdown It changed and became transparent... Why? Can you help me? … thank u
even after going into logos and uploading a logo under "logo transparent" my logo still does not shop up! but it does show up on the sticky header. Please how can i fix this?
Great video, extremely helpful. Is there a way to make it solid when hovering? I noticed the sub menu drop down list will remain transparent. It makes it extremely difficult to read and select the sub pages. Appreciate your insight.
@@WebSensePro Hi, I'm encountering the same issue. The one on the transparent header isn't showing when placed in the middle, but on the sticky header, it is. Thanks...
I try it on my store on Dawn theme 14.0.0 but it seems to be off. My logo doesn't appears at all, and my store name font seems incorrect. Can anyone confirm ?
Broo, very good tutorial thanks, I wanted to know if you could do a tutorial on how to make the sub categories of the Header to scroll down, also put a background of the chosen color?
So what about the dropdown sub menu? i want it to be transparent, when the header is and white when header is white. I can only get it to be one or the other... please help :)
Thanks for the tutorial, it was a great help! I have one issue the transparent header and logo (on mobile) collides with the "Announcement bar", how would we fix this?
Hi, im stuck at second step. This message is displayed : Liquid syntax error (line 97): 'endunless' is not a valid delimiter for style tags. use endstyle Can someone help me please ?
It works great for the computer version but not for the mobile version, on which the logo remains transparent on all the pages while we only want it on the home page. Do you have a solution???? Pleaseeee !!! 😇
Hello! I did it but my logo image is white and when I go to products or other pages with white background it can’t be seen, is it possible to change the logo image color for other pages?
Would love if you could change the font colour when you hover on the navigation bar. E.g. Have 'White' text on a transparent background then when you hover you mouse over the nav bar, the nav bar background changes to white with 'Black' text. 👍
Thank you for your video, everything looks amazing! I have one issue, though: when I navigate from a page to another the header glitches for a second. How can I fix that?
hello websensePro, u helped me with a lot. thankyou for that appreciate your content. i added a transparant video header. But now i want to add a 'shop now' button on top the header. how can i add this button ?
The toggle transparent header only on home page feature is not working on mobile either unfortunately. Hopefully you can help with a solution for this :)
![How To Make A Transparent Header in Shopify [Dawn V14]](http://i.ytimg.com/vi/8lCOkox_DTs/mqdefault.jpg)
![How To Make A Transparent Header in Shopify [Dawn V14]](/img/tr.png)
![[Transparent Header Dawn 10.0.0 ] How To Add Transparent Header in Dawn 10.0.0](/img/1.gif)
I was happy when it worked on Desktop layout, but when I checked the mobile layout I cleared the whole thing? 😒
Updated version coming next week with more cool features
@@WebSensePro Please update
these settings are only working properly on desktop version for mobile its not working specially the only home page transparent thing if you could fix that please try and thanks for the video
Yes it's a known issue for mobile issue. We are working for the fix
@@WebSensePro any news please ? 🙏
On the mobile the icons are black, even though on desktop everything is white and works perfectly
Updated version of the tutorial coming this week
@@WebSensePro Please link Video
Hey man this is great but the transparent logo does not show when I change the 'desktop logo position' to 'Middle Center.' The scroll down feature works and the regular logo then appears but the 'transparent logo' does not. Any ideas on how I could fix this? Thanks man!
Yes it's doable but will have to check the store. Please contact via websensepro.com/contact-us for paid support
Hi bro! Thanks for sharing this golden information!
Im already make it, all good, but now in mobile version header overlay in my product picture, so how to add space in mobile version?
Will update this for mobile version
Thank you so much for this tutorial! It made adding a transparent header so easy. Do you have any tips on how to make the transparent header solid when hovering? I noticed the drop down will remain transparent when hovering and is difficult to read. I'll play around with it in the meantime. Thank you again!!
Yes it's easily with CSS and JS code
Thanks for this amazing video. Keep up the good work. I've implemented this and it worked as described. There's a couple of things I'd like to suggest to improve the functionality.
1. The Enable on Homepage selector is great for limiting the transparent header to the homepage. Excellent. However the choice to either enable on homepage vs the whole site isn't really useful because then you need a banner on every single page, including product pages. An option to extend the transparent header to a) collection pages and b) CMS pages/blog pages would be ideal.
2. Another great inclusion would be to enable a different color scheme specifically for the transparent header. This would give greater flexibility over which banners can be used.
Great tutorial, keep up the good work!
Thanks for suggestion
does this still work for dawn theme version 14.0.0?
Updated video will be released next week
Thank you for your help. Your steps helped me develop the work site... and I applied the steps, but after implementation, something happened that I could not find a solution for.
Desktop menu type - Dropdown It changed and became transparent... Why? Can you help me? … thank u
Please contact via websensepro.com/contact-us for paid support
even after going into logos and uploading a logo under "logo transparent" my logo still does not shop up! but it does show up on the sticky header. Please how can i fix this?
Update tutorial, coming this week. Turn on bell notifications
Great video, extremely helpful. Is there a way to make it solid when hovering? I noticed the sub menu drop down list will remain transparent. It makes it extremely difficult to read and select the sub pages. Appreciate your insight.
Yes it's a feature which I am going to release in a next video
Thanks, but I have a question, how do I solve this logo does not appear at the top of the page?
I have the same issue
Have the same issue as well
Which version of the logo is not showing up? A little more information will help us help you
@@WebSensePro Hi, I'm encountering the same issue. The one on the transparent header isn't showing when placed in the middle, but on the sticky header, it is. Thanks...
This is so nice, Can u pls make a header tutorial as same Iike stiletto ?
What's stiletto?
I try it on my store on Dawn theme 14.0.0 but it seems to be off. My logo doesn't appears at all, and my store name font seems incorrect. Can anyone confirm ?
Please contact via websensepro.com/contact-us for paid support
Shopify Support? 🙅 WebSense Pro ✅
Broo, very good tutorial thanks, I wanted to know if you could do a tutorial on how to make the sub categories of the Header to scroll down, also put a background of the chosen color?
Not sure what you need bro, need more details
It worked for desktop but now I can't see the hamburger menu on the mobile version, is there a way to fix this please?
Yes it's doable but will have to check the store. Please contact via websensepro.com/contact-us for paid support
So what about the dropdown sub menu? i want it to be transparent, when the header is and white when header is white. I can only get it to be one or the other... please help :)
Please contact via websensepro.com/contact-us for paid support
Im facing issue, If I select middle center logo is visible and on rest position it is not visible, could you please resolve it
Yes it's doable but will have to check the store. Please contact via websensepro.com/contact-us for paid support
This makes the dropdown menu transparent as well which makes it hard to use or see..
Please contact via websensepro.com/contact-us for paid support
Hi, tried this on Dawn 14, but unable to save the codes. Hopefully u can show how to do “transparent header for Dawn 14”. Thanks in advance!
Coming next week
@@WebSensePro 👍🏼
not working fine on mobile device. Is it not for mobile responsivness??
Please contact via websensepro.com/contact-us for paid support
this worked, waiting on transparent banner for mobile fix
Coming next week
The text colour on the transperent moble version does not translate well!!!
Please contact via websensepro.com/contact-us for paid support
The logo and menu doesn’t show on mobile, how can we fix this?
Next tutorial will have new feature for Mobile
Works Great but my header logo isn't showing up. Any fix?
Thats weird, are you on dawn 13.0.1?
same here
Bonjour lorsque que je met la couleur blanche dans "transparent color" les ecritures du footer devienne elle aussi blanche
Thats weird, please contact us via websensepro.com/contact-us
Does this work on the newest version dawn version 15.0.2
Yes, please contact via websensepro.com/contact-us for support
This feature doesn't work when you set your logo position to middle center.
Updated version for this tutorial is coming next week
@@WebSensePro Thank you so much!
Thanks for the tutorial, it was a great help! I have one issue the transparent header and logo (on mobile) collides with the "Announcement bar", how would we fix this?
Please contact via websensepro.com/contact-us for paid support
Hi, im stuck at second step.
This message is displayed : Liquid syntax error (line 97): 'endunless' is not a valid delimiter for style tags. use endstyle
Can someone help me please ?
Please go through video again. It shouldn't be a problem
It works great for the computer version but not for the mobile version, on which the logo remains transparent on all the pages while we only want it on the home page. Do you have a solution???? Pleaseeee !!! 😇
Yes, updated video coming next week for Dawn 14.0.0
Hello! I did it but my logo image is white and when I go to products or other pages with white background it can’t be seen, is it possible to change the logo image color for other pages?
Not possibel
Would love if you could change the font colour when you hover on the navigation bar. E.g. Have 'White' text on a transparent background then when you hover you mouse over the nav bar, the nav bar background changes to white with 'Black' text. 👍
Yes updated version will have this feature
Thank you for your video, everything looks amazing! I have one issue, though: when I navigate from a page to another the header glitches for a second. How can I fix that?
Will have to check your theme why it's doing that for Premium Support contact websensepro.com/contact-us
hello websensePro, u helped me with a lot. thankyou for that appreciate your content. i added a transparant video header. But now i want to add a 'shop now' button on top the header. how can i add this button ?
We are preparing updated version for dawn 14.0.0 stay tuned
Thanks for the tip! Unfortunately this is not working when I want to align my site logo to middle center, it will just disappear
The toggle transparent header only on home page feature is not working on mobile either unfortunately. Hopefully you can help with a solution for this :)
Please contact via websensepro.com/contact-us for paid support
How about the mobile version?
Updated video coming next week
Thanks again! Is there any tutorial about using the mobile hamburger menu on desktop on the Dawn theme?
Mega menu video coming next week
can you add a mobile solution
Please contact via websensepro.com/contact-us for paid support
thank you! I there a way to keep the menu transparent while scrolling?
Yes it's doable but will have to check the store. Please contact via websensepro.com/contact-us for paid support
you are amazing. Only your tutorial worked for some reason. I am not someone who understands coding your video helped me a lot
You're welcome!
Worked great with Sense Theme. Hopyfully we will soon be able to use this with the mobile site as well. Thanks for uploading.
You're welcome!
This one worked perfectly! I used it on another theme and it worked just as well. Thank you so much!
You're welcome!
We're waiting for the Mobile version! can't wait till you update us :)
Coming next week
@@WebSensePro Hey is it coming this week ? Waiting for it :)
not good in mobile
Updated video coming next week
@@WebSenseProwhen? Is it online yet?
You D Man! Thank you for this video.
Glad to help!
Waiting on the version of this that works with mobile ! Thank you
Will try
@@WebSensePro Looking forward to it
@@WebSensePro Hi please make it work on mobile
Thank you so much! This was a great help!
You're welcome!
thank tou so much
Your welcome
super good bro
Thank you so much
Hi I tried to do as you taught but after I checked the box in Transparent it made all my menus disappear. How should I fix it?
Did you duplicate your theme before adding this code?