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
Пікірлер: 31
Good video, but Where are you going to record a video with mobile version?
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
3 күн бұрын
Yes it's doable but will have to check the store. Please contact via websensepro.com/contact-us for paid support
@Liernur
3 күн бұрын
@@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
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
26 күн бұрын
I have the same problem, if and when someone knows please let us know!
@WebSensePro
24 күн бұрын
Yes it's doable but will have to check the store. Please contact via websensepro.com/contact-us for paid support
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
Ай бұрын
kzread.info/dash/bejne/dYOE18mFg7rIaMo.html
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
16 күн бұрын
You can use css
@fabioferrotti3716
16 күн бұрын
@@WebSensePro true, thanks. If someone need I have used this code in footer CSS section: .list-menu__item { color: #715b1a !important; }
Brother make video on mobile version transparent header Plz i request you
@WebSensePro
29 күн бұрын
It does not look good on mobile
@GGaming-uy8em
28 күн бұрын
@@WebSensePro 🥲🥲🥲
@GGaming-uy8em
28 күн бұрын
But make for mobile bro plz ❤️
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
the feature is displayed on every page - when in mobi interface, can you update it again?
@WebSensePro
22 күн бұрын
Please contact via websensepro.com/contact-us for paid support
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
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
23 күн бұрын
Please contact via websensepro.com/contact-us for paid support
the transparent header does not appear on mobile, is this normal? 😢
@WebSensePro
3 күн бұрын
Please contact via websensepro.com/contact-us for paid support
Hello, This code does not work for me, can you please help
@WebSensePro
23 күн бұрын
Please contact via websensepro.com/contact-us for paid support
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 - kzread.info/dash/bejne/qX-i0Liip82ootY.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
23 күн бұрын
Please contact via websensepro.com/contact-us for paid support