How To Make A Transparent Header in Shopify [Dawn V14]

How To Make A Transparent Header in Shopify [Dawn V14]
Welcome back to WebSensePro! In this tutorial, we’ll show you how to add a sleek transparent header to your Shopify store using the latest Dawn theme version 14.0.0. This update includes new features and improvements that enhance your store’s visual appeal and functionality.
Code: websensepro.com/blog/how-to-m...
👉👉 How To Add Wishlist Without APP
• How To Add Wishlist in...
👉👉 How To Show Discount/Sale Badge in Shopify:
• How To Show Discount/S...
👉👉 How To Add Password Protected Collection For Shopify - Updated: • How To Add Password Pr...
👉👉 How To Add Video On Shopify Homepage With Autoplay: • How To Add Video On Sh...
Shopify Store For Just 1$/Month: shopify.pxf.io/XYRLdX
Timestamps:
00:00 - Introduction
00:27 - Overview
03:55 - Customizing the Transparent Header
08:40 - Adjusting Logo Settings
11:46 - Conclusion
If you want help with Shopify Customization, store development, or any other web development help. Contact us via websensepro.com/contact-us

[@niicolas_espino]

Good video, but Where are you going to record a video with mobile version?

[@Liernur]

Hello, thank you so much for all the help you give us. I noticed in the video and in my website too that when you scroll, the coin and language selector arent visible if we have a withe background, there is some way to fix that? again, thank you so much

[@WebSensePro]

Yes it's doable but will have to check the store. Please contact via websensepro.com/contact-us for paid support

[@Liernur]

@@WebSensePro hi, isnt about my store, im just pointing an error in the code for the transparent header to fix adding a little update in the code website or in the next dawn version. Thank you very much

[@pierrotnko6213]

I really like your videos and it's helped me a lot,. But I noticed that, everytime you make changes, you don't view on mobile version t see how it's looks like. I tried this, but it doesnt work on mobile.

[@monetgrant1404]

I have the same problem, if and when someone knows please let us know!

[@WebSensePro]

Yes it's doable but will have to check the store. Please contact via websensepro.com/contact-us for paid support

[@fabioferrotti3716]

U are amazing. Just one issue for me, when insert "transparent color" code also the footer text change color and disappear over the bg color. How I can fix it?

[@WebSensePro]

You can use css

[@fabioferrotti3716]

@@WebSensePro true, thanks. If someone need I have used this code in footer CSS section:
.list-menu__item {
color: #715b1a !important;
}

[@abdulwasay4014]

Brother please make a video on how to design store in a way that on mobile phone it shows the images vertically like portrait and on desktop landscape
im really struggling client is asking me for that and i have no clue how to do that.

[@WebSensePro]

ruclips.net/video/COPugLSWb8g/видео.html

[@juicyrezz784]

is there a way to change the logo as well when hovering over the header?

[@WebSensePro]

Yes, you can do that from customize settings

[@juicyrezz784]

@@WebSensePro Could you possibly elaborate? I see no option to change the logo when hovering on the header, I only have the options for enable transparent header, transparent text color, hover background color, and hover text color, thanks

[@GGaming-uy8em]

Brother make video on mobile version transparent header
Plz i request you

[@WebSensePro]

It does not look good on mobile

[@GGaming-uy8em]

@@WebSensePro 🥲🥲🥲

[@GGaming-uy8em]

But make for mobile bro plz ❤️

[@chithangnguyen9901]

the feature is displayed on every page - when in mobi interface, can you update it again?

[@WebSensePro]

Please contact via websensepro.com/contact-us for paid support

[@instant_sours9807]

Is this the updated one where it is useable on mobile too?

[@WebSensePro]

Its not going to affect mobile version at all as it does not look good on mobile

[@MuhammadAhmad-mc1vc]

Thank you so much sir for making such a good informative useful content videos ... i have a request that I really the code of stylish color swatches but I can't do that because the code that you have provide is not working on Dawn 14.0.0.... sir please help me ... awaiting for your response :) #WebSensePro#legend

[@WebSensePro]

Please contact via websensepro.com/contact-us for paid support

[@naomitgotin]

the transparent header does not appear on mobile, is this normal? 😢

[@WebSensePro]

Please contact via websensepro.com/contact-us for paid support

[@sanket2272]

Hello,
This code does not work for me, can you please help

[@WebSensePro]

Please contact via websensepro.com/contact-us for paid support

[@rachelgong7025]

Hi! Thank you so much for making these videos - they're so helpful!
I managed to make my transparent header for the Dawn 14.0 theme via the video here - ruclips.net/video/wKnnViwjBrs/видео.html. However, it's not working for pages that are not my homepage, even though the option "only on Homepage" was toggled "on".
Will this video address this issue? Thank you!

[@WebSensePro]

Please contact via websensepro.com/contact-us for paid support