Build a customizable header with Overlay and Sticky functionalities | Oxygen Builder Tutorial

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

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

  • @moriartythenavigator1945
    @moriartythenavigator1945 Год назад

    I like it when you write and explain the code. It helps me to understand your process and the reasons why you are doing it that way. Your videos are perfect for me, very well-thought out and explained.
    For accessibility purposes, it would be great if you would name the element or area of the screen that you are referring to - sometimes you say 'go here' or 'click this'. To be fair, you usually do name the area, but sometimes you forget to tell us.
    Also... love the way your daughter was getting involved in the tutorial - she had a lot to say
    🥰

  • @fredchams1052
    @fredchams1052 2 года назад

    I needed it for a project. I'm watching it right now. Very good. And I like the way you type the code (with mistakes as we do all of us) and you explain it while typing instead of simply paste the code. Very good job and explanations, even for dev being not newbies. Bravo 👏👏👏

  • @GavinDavidson
    @GavinDavidson 2 года назад

    Thank you for your tutorials, and also for sharing your code with us. You are really helpful. As you mention, this can be applied to any builder, so I am going to attempt it using Bricks.

  • @beehivenetwork2099
    @beehivenetwork2099 2 года назад +1

    Hi, thanks for another great video. Please keep your vids same way as this one. Writing code and solving problems helping us too. Thanks

  • @eucalyptech
    @eucalyptech 2 года назад

    Well done and thank you Udoro ! I really appreciate seeing you typing and explaining the code. I am not a programmer and it neables me to understand your achievings.

  • @vinodkp2659
    @vinodkp2659 2 года назад

    how about dropdown menu?

  • @rodrigorosales7951
    @rodrigorosales7951 2 года назад

    Great video. I have the next issue.
    The header with overlay state only works in my Mozilla browser.
    Didnt work in Opera and Microsoft EDGE.
    In both browser give me the next error.
    "Uncaught TypeError: Cannot read properties of undefined (reading 'remove')
    at (index):1436:20#
    That line 46:28 is the problem. (body.ClassList.remove('has-overlay')

    • @DesignwithCracka
      @DesignwithCracka  2 года назад

      I've seen the problem, I will address it in the next part of this series. to solve this, replace the all getComputedStyle(document.documentElement).getPropertyValue('--css-variable') with the actual values. For some reason that method isn't working in Edge. I'll find out why.

    • @thevaq484
      @thevaq484 2 года назад

      @@DesignwithCracka This change must to be in Css file or Js file or both?
      🙃

    • @DesignwithCracka
      @DesignwithCracka  2 года назад

      @@thevaq484 just the JS. there's no such statement in CSS file