🔥How to Create a Floating Fixed Mini Navigation on Your Website - Kadence Hooked Elements Tutorial

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

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

  • @Brian-qr1wm
    @Brian-qr1wm 4 месяца назад +5

    Let me say this, I really like your designs sir and you are the best teacher on anything web design and Kadence. nobody even comes close.

    • @CliftonWP
      @CliftonWP  4 месяца назад

      Thank you so very much! I appreciate your kind compliment and I appreciate you!

    • @multioffice1997
      @multioffice1997 4 месяца назад

      You are absolutely right 👍🏼

  • @markuserikssen
    @markuserikssen 5 месяцев назад +7

    Clifton = the gift that keeps on giving! 🤩

    • @CliftonWP
      @CliftonWP  5 месяцев назад +1

      Thank you! More to come!😍 I appreciate you watching!

  • @brennbarb
    @brennbarb 4 месяца назад +1

    Fantastic video Clifton. Learned so much. Thank you.

    • @CliftonWP
      @CliftonWP  4 месяца назад

      Thank you! I appreciate you watching!

  • @eruditebangs
    @eruditebangs 4 месяца назад +1

    I have subscribed. You are the best RUclipsr to explain Kadence to me the best. I will go nowhere as I have found your channel my go-to for all thing Wordpress and Kadence! YOU ARE THE BEST!!!😇 Thank You!

    • @CliftonWP
      @CliftonWP  4 месяца назад

      Wow! Thank you so much and I really appreciate you subscribing! Thank you again!

  • @multioffice1997
    @multioffice1997 4 месяца назад

    Looks amazing 🤩 And it allows to put individual menus per pager 🎉 Thanks again for your work...

    • @CliftonWP
      @CliftonWP  4 месяца назад

      Thank you! I appreciate you watching!

  • @Chris-LiquidMedia
    @Chris-LiquidMedia 5 месяцев назад +2

    Thank you Clifton! A great and useful tutorial 😊 Keep em coming 🎉

    • @CliftonWP
      @CliftonWP  4 месяца назад +1

      Thank you! I appreciate you and appreciate you watching!

  • @UpperValleyWeb
    @UpperValleyWeb 4 месяца назад

    Brilliant! 🎉

    • @CliftonWP
      @CliftonWP  4 месяца назад

      Thank you so much!

  • @Whoville15
    @Whoville15 4 месяца назад

    Thank you - for your invaluable information! Your videos once again provide efficient answers-solutions, to everything I spend hours trying to figure out....and not have the results you do.

    • @CliftonWP
      @CliftonWP  4 месяца назад

      Thank you so much! I appreciate you very much!

  • @SwissDisplayHamburg
    @SwissDisplayHamburg 3 месяца назад

    Beginning any Video from you instantly good mood starts by watching. What a positive guy beside perfekt voice and perfect content. Thank you😎

    • @CliftonWP
      @CliftonWP  3 месяца назад

      Thank you so much! I appreciate you and your kind comments!

  • @KaiBuskirk
    @KaiBuskirk 5 месяцев назад

    Great Work!

    • @CliftonWP
      @CliftonWP  5 месяцев назад

      Thank you and appreciate you!

  • @mikezett4283
    @mikezett4283 5 месяцев назад

    Your tuts are awesome

    • @CliftonWP
      @CliftonWP  5 месяцев назад

      Thank you very much! I appreciate you watching!

  • @Gryndtyme
    @Gryndtyme 5 месяцев назад

    I love your Content Bro. I didn't even see it yet and I already know its going to be fire!

    • @CliftonWP
      @CliftonWP  4 месяца назад

      Thank you so much! Enjoy it!

  • @PilatesinSacramento
    @PilatesinSacramento 5 месяцев назад

    Nice use of a hooked element, Clifton! Beautiful. Thanks for a great video. I'll likely use that at some point!

    • @CliftonWP
      @CliftonWP  5 месяцев назад +1

      Thank you! Great to hear from you and hope all is well!

    • @PilatesinSacramento
      @PilatesinSacramento 5 месяцев назад

      @@CliftonWP Great to see you’re still at it. At the moment, I’m still organizing the Sacramento WP meetup. But, I’m back to my first career, I’m designing hardware at Intel. WordPress is a hobby and passion but not my primary income. You produce great content, man. Keep it up!👍

  • @IshfaqAhmed-g1g
    @IshfaqAhmed-g1g 4 месяца назад

    very nice.

    • @CliftonWP
      @CliftonWP  4 месяца назад

      Thank you! I appreciate you watching!

  • @shesmilesbetter
    @shesmilesbetter 5 месяцев назад

    Clifton, thanks a lot for this new tutorial, that's a really cool, nice-looking feature! 🤩 Great idea to show and teach us different use cases of the hooked elements in Kadence!

    • @CliftonWP
      @CliftonWP  5 месяцев назад

      Wow! Thank you so much! I really appreciate you and I appreciate your support!🙏

  • @rh619
    @rh619 5 месяцев назад

    awesome

  • @LeventZeytinci
    @LeventZeytinci 4 месяца назад

    Teşekkürler

  • @charliegerson7570
    @charliegerson7570 5 месяцев назад

    Hi Clifton, thanks for more tricks with Kadence. You are always super.

    • @CliftonWP
      @CliftonWP  5 месяцев назад +1

      Thank you Charlie! I appreciate you!

  • @umarsial9471
    @umarsial9471 4 месяца назад

    I'm a big fan of your channel from Pakistan! Many fans here, including myself, are facing similar issues with the Kadence theme, such as the checkout page details and registration page options appearing below the header. Could you please make a video addressing how to fix these issues for e-commerce sites? It would be really helpful for all of us e-commerce lovers.
    Thanks so much!

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

    Hey Clifton, first allow me to thank you for your very good insights, trading and ideas. 2nd, in regards to the floating menu ..I have built it using your instructions. It seems when the floating menu comes down on scroll, the top menu is no longer clickable … I thought maybe it was a zindex issue..it would seem it’s not..take a look for me and se if I am right if you could …thanks !…my top menu, is using the block builder, and is sticky.

  • @jimnech5066
    @jimnech5066 5 месяцев назад +1

    The menu's placement hides area at the top of each section. What do you think of making the menu's background semi-transparent, at least on the mobile version is not all of them? Or possibly adding anchor elements that would make all of the top of each section visible after scrolling.
    This is a really useful video that could also be useful on blogs to navigate between categories.
    Thanks for another super useful tutorial.
    👍

    • @CliftonWP
      @CliftonWP  5 месяцев назад

      Thank you! Yes you can make the background transparent or apply a glassmorphic background using CSS if you would like to see through the container. Its a great idea!

  • @akramsaqi9428
    @akramsaqi9428 4 месяца назад

    I love your teaching method.
    Do you have any specific recommendations for the best font that i can use for headings and content?
    I cannot find any specific video related to how to add custom font, and how can we use the same font that our competitor is using. Share the link if there is any or create a video on typography section of Kadence

  • @fineasfrogshair
    @fineasfrogshair 3 месяца назад

    I would be interested in a video on the new. Header and Navigation block please.

    • @CliftonWP
      @CliftonWP  3 месяца назад

      Here you go: ruclips.net/video/93zXC8KAKkg/видео.html

  • @yannickf4813
    @yannickf4813 2 месяца назад

    Definitely another great tutorial, Clifton! Thank you. A quick question: I used the element to create a discount banner with a link on the home page instead of the mini nav suggested. However, I cannot access the main nav menu links when the banner is displayed. Do you know why?

    • @CliftonWP
      @CliftonWP  2 месяца назад

      Thank you! I'd have to see your site to be able to help. Check to be sure that you do not have any plugin conflicts. Sometimes a conflicting plugin can cause this.

  • @digital000x
    @digital000x 4 месяца назад

    Active section should have different color - is it possible SIR?

  • @internetmarketing4133
    @internetmarketing4133 4 месяца назад

    I want you to create an advance video on acf and kadence

  • @SwissDisplayHamburg
    @SwissDisplayHamburg 3 месяца назад

    Problem is navigation covers the section headline, any tweak around this?

    • @CliftonWP
      @CliftonWP  3 месяца назад

      Yes, add top padding to the Section or you can add a top margin to your headline.

    • @SwissDisplayHamburg
      @SwissDisplayHamburg 3 месяца назад

      @@CliftonWP Thanks 😎

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

    hello,could I export kadence product themplates from website A and import to website B ?

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

      Thank you. Yes you can using the WordPress Importer/Export plugin

  • @aktivtrading2802
    @aktivtrading2802 5 месяцев назад

    Is this a free or a pro version of kadence?

    • @CliftonWP
      @CliftonWP  4 месяца назад

      Thank you, this requires the Kadence Pro Add-on so you can create Hooked Elements.