How To Make A Transparent Header in Shopify [Dawn V14]
Рет қаралды 1,046
Күн бұрын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
@Michael-m6i Күн бұрын
looks great!
@niicolas_espino Ай бұрын
Good video, but Where are you going to record a video with mobile version?
@bramstarink7036 3 күн бұрын
another good video, only can you do that it also works on mobile. most people come to your website via mobile. exactly like the prestige theme. or do you already have such a video? i can't find it
@Liernur 11 күн бұрын
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 10 күн бұрын
Yes it's doable but will have to check the store. Please contact via websensepro.com/contact-us for paid support
@Liernur 10 күн бұрын
@@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
@fabioferrotti3716 25 күн бұрын
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 23 күн бұрын
You can use css
@fabioferrotti3716 23 күн бұрын
@@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 Ай бұрын
kzfaq.info/get/bejne/ebWAqMp9uL3GaJs.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
@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
@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
@chithangnguyen9901 Ай бұрын
the feature is displayed on every page - when in mobi interface, can you update it again?
@WebSensePro 29 күн бұрын
Please contact via websensepro.com/contact-us for paid support
@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 ❤️
@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
@sanket2272 Ай бұрын
Hello, This code does not work for me, can you please help
@WebSensePro Ай бұрын
Please contact via websensepro.com/contact-us for paid support
@naomitgotin 12 күн бұрын
the transparent header does not appear on mobile, is this normal? 😢
@WebSensePro 10 күн бұрын
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 - kzfaq.info/get/bejne/rbGeobma3NCmoqc.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
Ed Codes - Shopify Tutorials
Рет қаралды 2,1 М.
Immersed
Рет қаралды 79 МЛН
KOMPUKTER
Рет қаралды 265 М.