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

  • @niicolas_espino
    @niicolas_espino25 күн бұрын

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

  • @Liernur
    @Liernur4 күн бұрын

    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

    @WebSensePro

    3 күн бұрын

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

  • @Liernur

    @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

  • @pierrotnko6213
    @pierrotnko621327 күн бұрын

    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

    @monetgrant1404

    26 күн бұрын

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

  • @WebSensePro

    @WebSensePro

    24 күн бұрын

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

  • @abdulwasay4014
    @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

    @WebSensePro

    Ай бұрын

    kzread.info/dash/bejne/dYOE18mFg7rIaMo.html

  • @fabioferrotti3716
    @fabioferrotti371618 күн бұрын

    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

    @WebSensePro

    16 күн бұрын

    You can use css

  • @fabioferrotti3716

    @fabioferrotti3716

    16 күн бұрын

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

  • @GGaming-uy8em
    @GGaming-uy8emАй бұрын

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

  • @WebSensePro

    @WebSensePro

    29 күн бұрын

    It does not look good on mobile

  • @GGaming-uy8em

    @GGaming-uy8em

    28 күн бұрын

    @@WebSensePro 🥲🥲🥲

  • @GGaming-uy8em

    @GGaming-uy8em

    28 күн бұрын

    But make for mobile bro plz ❤️

  • @juicyrezz784
    @juicyrezz784Ай бұрын

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

  • @WebSensePro

    @WebSensePro

    Ай бұрын

    Yes, you can do that from customize settings

  • @juicyrezz784

    @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

  • @chithangnguyen9901
    @chithangnguyen990122 күн бұрын

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

  • @WebSensePro

    @WebSensePro

    22 күн бұрын

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

  • @instant_sours9807
    @instant_sours9807Ай бұрын

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

  • @WebSensePro

    @WebSensePro

    Ай бұрын

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

  • @MuhammadAhmad-mc1vc
    @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

    @WebSensePro

    23 күн бұрын

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

  • @naomitgotin
    @naomitgotin5 күн бұрын

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

  • @WebSensePro

    @WebSensePro

    3 күн бұрын

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

  • @sanket2272
    @sanket2272Ай бұрын

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

  • @WebSensePro

    @WebSensePro

    23 күн бұрын

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

  • @rachelgong7025
    @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 - 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

    @WebSensePro

    23 күн бұрын

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

Келесі