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

Поделиться
HTML-код
  • Опубликовано: 19 ноя 2024

Комментарии • 48

  • @echisostrike517
    @echisostrike517 9 дней назад +3

    I noticed that the mobile version’s transparent header logo can’t be changed to the "Logo Transparent" version. Is there any code that can fix this?

  • @TheCaptainCanada
    @TheCaptainCanada 2 дня назад +2

    Thank you so much for your great work every time! the logo is not working on the mobile version, is there a fix for this? Thanks

  • @DonKeyTheGrey
    @DonKeyTheGrey Месяц назад +2

    You're God's gift to the world, works perfectly for the home page but not for the other pages unfortunately

    • @WebSensePro
      @WebSensePro  Месяц назад

      Its not suppose to work on inner pages

    • @NatalieFeko
      @NatalieFeko Месяц назад

      @@WebSensePro yes, it affects the other pages too. The rest is super wonderful!

    • @DonKeyTheGrey
      @DonKeyTheGrey Месяц назад

      I confirm, for me as well it affects the other pages. Homepage works perfectly but for the inner pages the code create some issues on the header too, so I couldn't keep the modifications. For example, If I configure the font to be white on the transparent header of the home page and a white solid header with black font on inner pages the result I get is white font on a white solid header on inner pages, making it unreadable. I tried to change the code without success unfortunately

    • @praveenbalaji2279
      @praveenbalaji2279 Месяц назад

      @@DonKeyTheGrey Hi I'm adding myself as well, Facing the identical issue Any resolve ?

    • @shrutisingla5462
      @shrutisingla5462 5 дней назад

      @@WebSensePro Hi, can you please help with this? It's affecting the other pages too. Also the transparent mega menu text color is linked to the menu's text color in the footer menu. Like if we change the transparent menu color in the desktop, the color of the text in the footer menu also changes.

  • @familia.naturescu
    @familia.naturescu Месяц назад +1

    subscribed, best tutorials ever

  • @takadahiro9971
    @takadahiro9971 11 дней назад

    This is what I needed!! Thank you so much!! Saved tons of time!

  • @ARUMBATV
    @ARUMBATV 7 дней назад

    Hey there, i noticed an issue. All of my icons got transparent with this code. SO i cant see search icon and cart icon

  • @kingaminn2949
    @kingaminn2949 Месяц назад

    THANK YOU much need it,

  • @bnnect
    @bnnect Месяц назад +1

    love it all im gonna say is the logo doesnt change in the mobile version you can see it on yours as well. Can this be fixed?

    • @WebSensePro
      @WebSensePro  4 дня назад +1

      Sure will fix as soon as possible

  • @danielseibel8431
    @danielseibel8431 Месяц назад +1

    is there any changes in 15.2.0 because in mobile version its transparent but not in the color it should be

    • @WebSensePro
      @WebSensePro  9 дней назад

      You dont want transparent in monbile?

  • @gaspernastran
    @gaspernastran Месяц назад +1

    Hey, is it possible to make the transparent header only work on the homepage? Because now the header doesn't look good on the other pages.

    • @WebSensePro
      @WebSensePro  Месяц назад +1

      It's only for homepage. It should not effect inner pages at all

    • @gaspernastran
      @gaspernastran Месяц назад

      @@WebSensePro For me it is transparent on all pages, did I do anything wrong with the code if this happened?

    • @gaspernastran
      @gaspernastran Месяц назад

      I tried making the header transparent again in a duplicated theme, but I still have the issue of the header being transparent on all pages not just on the homepage

  • @UPPadhakuBoyOfficial
    @UPPadhakuBoyOfficial Месяц назад +1

    Hello Bro
    I am face in shopify withdraw money. My one week sale is 73 thousand but I am not receive money
    Please Reply my comment

  • @libralad8061
    @libralad8061 Месяц назад +1

    Great Work. Thanks for the Help
    Cand you please make video regarding - 'How to show coupon code at Checkout page or Home page?'

    • @WebSensePro
      @WebSensePro  9 дней назад

      You can add it as a text any where right?

  • @fahadsohail3778
    @fahadsohail3778 Месяц назад

    Working fine in desktop but on mobile view logo is showing white background, but the logo is actually backgorund less.
    What would be the issue?

  • @praveenbalaji2279
    @praveenbalaji2279 Месяц назад

    Hi pls help me with, I've already added transparent header how to delete the previous old one from my code editor ? Because of that it is showing error as Invalid schema: setting with id="enable_transparent-header" & "color-transparent" id is already taken. If i rename the new 15.0 version will it be accepted, if yes where and all i should make the renaming of the title with new name in new 15.0 version.

    • @WebSensePro
      @WebSensePro  26 дней назад

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

  • @AmjadAli-t7v
    @AmjadAli-t7v 17 дней назад

    thanks sir

  • @jorgevergara9316
    @jorgevergara9316 День назад

    logo in mobile version not changing

  • @NarwiShop
    @NarwiShop Месяц назад

    could we have a video hero with transparent header in the Dawn Theme?

    • @WebSensePro
      @WebSensePro  Месяц назад

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

  • @peterbay6627
    @peterbay6627 Месяц назад +2

    Thanks for the tutorial, super cool! I experienced some issues with the color of the menu and icons when I wasn't on the homepage - so I've added the following to the CSS to solve it :)
    {% if template == 'index' and section.settings.enable_transparent-header %}
    /* CSS code here */
    {% endif %}

    • @WebSensePro
      @WebSensePro  Месяц назад

      Glad it helped!

    • @robindelacruz5013
      @robindelacruz5013 Месяц назад

      @peterbay6627 did you add it under header.liquid?

    • @LACOREVE
      @LACOREVE Месяц назад +2

      Hi. Where to add this code? Thanks:)

    • @WebSensePro
      @WebSensePro  Месяц назад

      You can add it on theme.liquid

    • @jiahuinicholetee7058
      @jiahuinicholetee7058 Месяц назад +2

      Thank you so much!!! This CSS code has been a great help to me!!! I want to ask, I noticed that the mobile version’s transparent header logo can’t be changed to the "Logo Transparent" version. Is there any code that can fix this?

  • @marianalamy6914
    @marianalamy6914 11 дней назад

    hi! this only works on the dawn template?