CliftonWP
CliftonWP
  • 59
  • 356 213
🔥How to Create a Floating Fixed Mini Navigation on Your Website - Kadence Hooked Elements Tutorial
✅ Featuring the Kadence Pro Theme Add-on - cliftonwp.com/kadence
Want to create the same page in the tutorial? Watch this video: ua-cam.com/video/vdM_nEaMdYs/v-deo.html
🙏SUPPORT & THANK YOUS?
✅ Buy me a Coffee - www.buymeacoffee.com/cliftonwp/extras
✅ Leave a Super Thanks in UA-cam Comments
In this Kadence tutorial, you learn how to create a beautifully designed custom fixed floating mini navigation for your website. Whether you're looking to enhance a specific page or implement it across your entire site, this step-by-step guide will show you how to achieve it with ease. Using the Kadence Hooked Elements feature in the Kadence Pro Theme Add-on, you'll discover how to seamlessly integrate this elegant solution into your design.
Here's what you'll learn:
- How to craft a custom mini navigation using Kadence Blocks
- The power of Anchor Links to connect sections and content within your page
- Techniques to ensure your navigation element floats and stays fixed using a hooked Kadence element
- Tips for making it mobile responsive so it shines on all devices
By the end of this tutorial, you'll feel confident in creating fixed hooked elements with Kadence and the Kadence Pro Theme add-on. If this video helps you along your journey, we’d love for you to give it a thumbs up, share it with your community, and consider subscribing to the channel. Don’t forget to click the notification bell 🔔 so you never miss out on future tutorials!
Timestamps and resources are below!
Enjoy!
Timestamps:
0:00 Intro: How to Create a Custom Floating Fixed Navigation Bar
0:2:09 Getting Started: Page Set-Up
03:27 Kadence Theme, Kadence Blocks & Kadence Pro Theme Add-on
03:39 Where and How to Get the Kadence Pro Theme Add-on
05:30 How it install the Kadence Pro Theme Add-on and Activate Kadence Elements
06:10 How to Create a Fixed Hook Kadence Element
06:37 How to design a mini navigation section with Kadence Bloc
15:57 How to assign the hooked element to a specific page
19:33 How to add Anchor links to your Navigation
26:06 Mobile Responsive Editing: How to make your floating navigation mobile responsive
31:51 Conclusion and Thank you!
🧰TOOLS AND LINKS I USED IN THIS TUTORIAL
✅ WordPress CMS: FREE
✅ Kadence Blocks Pro - cliftonwp.com/kadence-blocks
✅ Kadence Theme Pro Addon - cliftonwp.com/kadence
✅ Gutenberg Block Editor: FREE
✅ Kadence Free Theme: FREE
✅ Kadence Blocks: FREE
🧰PRO VERSION OF TOOLS I USE
✅GiveWP Pro Addons - cliftonwp.com/give
✅ Kadence Theme Pro Addon - cliftonwp.com/kadence
✅ Kadence Blocks Pro - cliftonwp.com/kadence-blocks
✅ Kadence Shop Kit Addon - cliftonwp.com/kadence
✅ InstaWP - cliftonwp.com/instawp
✅ Domain & Hosting by Siteground: cliftonwp.com/host
🧰 FAVORITE WEBSITE BUILDING TOOLS
✅ Kadence Theme Pro - cliftonwp.com/kadence
✅ Kadence Blocks Pro - cliftonwp.com/kadence-blocks
✅ Kadence Conversions - Kadence Pro Bundle - cliftonwp.com/kadence
✅ Domain & Hosting by Siteground: cliftonwp.com/host
✅GiveWP Pro Addons - cliftonwp.com/give
✅ WordPress CMS: FREE
✅ Gutenberg Block Editor: FREE
✅ Kadence Free Theme: FREE
✅ Kadence Blocks: FREE
🏆RECOMMENDED EMAIL MARKETING PROVIDER
✅ Mailerlite: cliftonwp.com/mailerlite
🏆 BEST HOSTING COMPANY
✅ Siteground: cliftonwp.com/host
✅ WP Engine (Premium managed hosting): cliftonwp.com/wprocket
🏆 BEST PRO GUTENBERG BLOCK PLUGINS
✅ Kadence Blocks: cliftonwp.com/kadence-blocks
⭐ RECOMMENDED PRO WORDPRESS THEMES
✅ Kadence Premium Theme: cliftonwp.com/kadence
✅ Astra Pro: cliftonwp.com/astra
⭐RECOMMENDED PRO FORM PLUGINS
✅ Gravity Forms cliftonwp.com/gravityforms
✅ Fluentforms : cliftonwp.com/fluentforms
🏆 BEST SPEED PLUGIN
✅ WP Rocket: cliftonwp.com/wprocket
⭐ BEST WORDPRESS PAGE BUILDER
✅ Beaver Builder: cliftonwp.com/beaver-builder
⭐ BEST COMING SOON PLUGIN
✅ SeedProd: cliftonwp.com/seedprod
AFFILIATE DISCLOSURE
Please note that any links within this video and its description may contain affiliate links which means that if you click on one of the product links and purchase a product, I may receive a small commission. The commission does not increase the price you pay for the product and you can always purchase directly from the source. By using my affiliate link, you are supporting the work of the channel and I thank you for that.
Lastly, All of the opinions in this video are my own. I did not receive any compensation for making this video. Thank you for watching and thank you for your support!
#floatingCustomNav #KadencePro #Cliftonwp #WebDesign #KadenceTutorials
Переглядів: 797

Відео

🔥How to Create Stunning Content Layouts with the Advanced Query Loop Block in Kadence Blocks Pro🔥
Переглядів 1,5 тис.16 годин тому
⬇️FREE DOWNLOADS FOR THIS TUTORIAL ACF Custom Post Type Export & Dishes Posts Export - cliftonwp.com/aqlexports ✅ Kadence Blocks Pro & Kadence Pro Theme Addon - cliftonwp.com/kadence 🙏SUPPORT & THANK YOUS? ✅ Buy me a Coffee - www.buymeacoffee.com/cliftonwp/extras ✅ Leave a Super Thanks in UA-cam Comments In this video tutorial, learn how to create beautiful content layouts with the powerful Adv...
🔥How to Customize the WordPress Dashboard with Kadence and Kadence Blocks, No-Code and 100% Free!🔥
Переглядів 2,1 тис.28 днів тому
👋 Welcome to the ultimate guide on how to customize your WordPress dashboard using Kadence and Kadence Blocks-completely no-code and 100% free! In this video, I'll guide you through every step of the process, making it easy for anyone, regardless of technical skills, to create a personalized and efficient custom dashboard for your WordPress admin area, replacing the default WordPress Panels wit...
Master Bento Box Layouts with Kadence Blocks | Create Stunning Designs Easily!
Переглядів 2 тис.Місяць тому
Creating a stunning Bento Box layout has never been easier! With Kadence and Kadence Blocks, you can bring your design ideas to life effortlessly. In this video tutorial, you'll learn how to create and craft a stylish and organized bento box grid layout for your website or blog. This step-by-step guide will help you make the most of the Kadence Blocks' Row Layout Block and Section Block. 🔹 What...
🔥New for 2024🔥 The Complete Kadence Theme and Kadence Blocks Deep Dive Course - Free & Pro Versions
Переглядів 6 тис.Місяць тому
Welcome to the Complete and Comprehensive Deep Dive Tutorial on the Kadence Theme and Kadence Blocks! This tutorial is designed to guide you step-by-step through every aspect of the Kadence Theme and Kadence Block combination. We'll cover both the Free and Pro versions, ensuring you have all the tools and knowledge needed to build your dream website with Kadence and WordPress. Enjoy! Timestamps...
🔥[New Tutorial] How to Customize a Kadence Starter Template into a Unique WordPress Website
Переглядів 12 тис.10 місяців тому
Have you always wondered how to customize a Kadence Starter Template so it looks unique? In this tutorial, you will learn how to create a unique WordPres website using a Kadence starter template as a starting point. In this comprehensive tutorial, I will walk you through everything you need to know about customizing and creating a WordPress website using the Kadence Theme and Kadence Starter Te...
🔥[NEW TUTORIAL] How to Create Pricing Tables in WordPress with Kadence Blocks🔥
Переглядів 3,3 тис.Рік тому
In this in-depth tutorial, we'll break down the process of building simple to complex pricing tables for your WordPress website using Kadence Blocks! You will learn how to create pricing tables that are simple and also one that is slightly more complex. You will also learn how to create pricing tables that not only look good but are also user-friendly and mobile responsive. We'll deep dive into...
Dark mode Tutorial: How to add a Dark Mode Switch to Your WordPress Website using Kadence Theme
Переглядів 1,5 тис.Рік тому
In today's digital age, catering to the user's preference and comfort is vital for any website's success. One such feature that has gained a lot of popularity is Dark Mode. Not only does it provide visual comfort in low-light environments, but it also adds a sleek and modern touch to your website. If you've been wondering how to incorporate this feature into your WordPress website, you're at th...
🔥[NEW!] The Ultimate Kadence FREE & PRO Deep Dive Guide for Beginners [Updated for 2023!]🔥
Переглядів 34 тис.Рік тому
In this comprehensive tutorial, we dive deep into the powerful Kadence Theme, Kadence Blocks, Kadence Pro Theme Add-on and Kadence Blocks Pro. Learn everything you need to know about the capabilities of the Kadence Theme and Blocks combination. I'll walk you through the theme's settings, showing you how to personalize your website's design, typography, color schemes, and layout. Next we'll take...
[New Tutorial] How to Customize the WooCommerce Product Loop With Kadence Shop Kit
Переглядів 5 тис.Рік тому
In this tutorial video, I’ll show you how to customize the WooCommerce Product Catalog Loop using Kadence Shop Kit. If you have always wanted to create your own Product Loop listing in your woocommerce shop, this is the tutorial for you. You’ll learn how to add content to the loop, style it and even modify its behavior. Kadence Shop Kit is a premium plugin from Kadence, the makers of the Kadenc...
How to Reset WordPress or Kadence to Default Settings [Super Easy!]
Переглядів 3,2 тис.Рік тому
In this tutorial video, you will learn how to reset your WordPress or Kadence install using the All In One Migration Plugin. If you've ever struggled with a broken or slow website, or installed a starter template and simply want to start fresh with a clean slate, this video is for you. All In One Migration Plugin is a popular and powerful tool that allows you to quickly and easily migrate or re...
How to Create An Affiliate Product Review Template with Kadence
Переглядів 10 тис.Рік тому
In this video, learn how to create an affiliate marketing website product review template using the Kadence Theme Pro Addon and Kadence Blocks Pro. This will help you save time when creating new reviews, and ensure that all of your information is organized and easy to find.This in-depth step-by-step tutorial will cover creating the layout, making a custom post-type for your reviews, adding cust...
Create a Landing Page to Accept Donations On Your WordPress Website With GiveWP and Kadence - FREE!!
Переглядів 1,9 тис.Рік тому
In this video, you will learn how to create a donation or charity landing page using the GiveWP donation plugin for WordPress, Kadence Theme and Kadence blocks - completely free! This in-depth tutorial will cover a deep dive into the awesome GiveWP donation plugin and a very detailed tutorial on how to create two versions of a donation landing page using Kadence Theme and Kadence Blocks. As alw...
How to Create a Custom Dropdown Menu with Kadence (Create a dropdown menu as seen on kadencewp.com!)
Переглядів 7 тис.Рік тому
In this video, you will learn how to create a custom dropdown menu just like the one you find on the Kadence WP website at Kadencewp.com! This in-depth tutorial will cover how to use Kadence Blocks, Hooked Elements and the Ultimate Menu feature in Kadence to create an elegant dropdown menu. You will need the Kadence Pro add-on to utilize Hooked Elements and the Ultimate Menu feature. Timestamps...
[Kadence Tutorial] How to Customize WooCommerce Product Category Pages with Kadence
Переглядів 10 тис.2 роки тому
In this video, you will learn how to customize WooCommerce product category pages with Kadence. You will also learn how to create custom product archive pages using Kadence Shop kit. Kadence Shop kit is a pro plugin in the KadenceWP suite of products that allows you to extend your Woocommerce WordPress ecommerce website with 15 powerful modules with varying functionalities. This in-depth tutori...
[New Kadence Tutorial] How to Create Custom WooCommerce Product Pages With Kadence Shop Kit
Переглядів 11 тис.2 роки тому
[New Kadence Tutorial] How to Create Custom WooCommerce Product Pages With Kadence Shop Kit
How to Create Sticky Sections With Kadence in WordPress - New Kadence Tutorial
Переглядів 5 тис.2 роки тому
How to Create Sticky Sections With Kadence in WordPress - New Kadence Tutorial
How to Use Kadence Blocks Lottie Animations in WordPress [New Kadence Blocks Tutorial]
Переглядів 7 тис.2 роки тому
How to Use Kadence Blocks Lottie Animations in WordPress [New Kadence Blocks Tutorial]
Kadence Tutorial: How to Create a Magazine Style Layout in WordPress with Kadence [From Scratch!]
Переглядів 16 тис.2 роки тому
Kadence Tutorial: How to Create a Magazine Style Layout in WordPress with Kadence [From Scratch!]
WordPress 5.9 - Full Site Editing, Templates, Block Improvements & Kadence
Переглядів 7 тис.2 роки тому
WordPress 5.9 - Full Site Editing, Templates, Block Improvements & Kadence
5 Hidden Features! Kadence Theme and Kadence Blocks Hidden Features You'll Want to Know About!
Переглядів 14 тис.2 роки тому
5 Hidden Features! Kadence Theme and Kadence Blocks Hidden Features You'll Want to Know About!
Kadence Theme Builder Tutorial: How to Create Custom Layouts for Posts, Archives & Custom Post Types
Переглядів 22 тис.2 роки тому
Kadence Theme Builder Tutorial: How to Create Custom Layouts for Posts, Archives & Custom Post Types
Kadence Pro E-commerce Tutorial: How to Use the Kadence Pro WooComerce Addons
Переглядів 5 тис.2 роки тому
Kadence Pro E-commerce Tutorial: How to Use the Kadence Pro WooComerce Addons
Kadence Tutorial: How to Make Your Website Mobile Friendly with Kadence Theme and Kadence Blocks.
Переглядів 16 тис.2 роки тому
Kadence Tutorial: How to Make Your Website Mobile Friendly with Kadence Theme and Kadence Blocks.
Kadence Tutorial: How to Create an E-commerce Website in WordPress with Kadence.
Переглядів 27 тис.2 роки тому
Kadence Tutorial: How to Create an E-commerce Website in WordPress with Kadence.
Kadence Tutorial: How to Use the Color Palette Feature in Kadence Theme and Kadence Blocks
Переглядів 6 тис.2 роки тому
Kadence Tutorial: How to Use the Color Palette Feature in Kadence Theme and Kadence Blocks
[NEW] Kadence Conversions Tutorial - How to Create Exit Intent Popups, Slide-ins and Banners
Переглядів 4 тис.2 роки тому
[NEW] Kadence Conversions Tutorial - How to Create Exit Intent Popups, Slide-ins and Banners
How to Use Kadence Blocks Pro Dynamic Content Feature (Kadence Blocks Tutorial)
Переглядів 10 тис.2 роки тому
How to Use Kadence Blocks Pro Dynamic Content Feature (Kadence Blocks Tutorial)
How to Add Content with Hooked and Fixed Elements in Kadence (Kadence Pro Tutorial)
Переглядів 7 тис.2 роки тому
How to Add Content with Hooked and Fixed Elements in Kadence (Kadence Pro Tutorial)
Kadence Pro Theme and Kadence Blocks Pro Tutorial: How to Create Beautiful Mega Menus in WordPress
Переглядів 10 тис.2 роки тому
Kadence Pro Theme and Kadence Blocks Pro Tutorial: How to Create Beautiful Mega Menus in WordPress

КОМЕНТАРІ

  • @drteddyweb
    @drteddyweb 13 годин тому

    Amazing tutorial!! A question: In 33:40 you mention the content modification for Post Excerpt. Why I don't see it in my installation?

    • @CliftonWP
      @CliftonWP 13 годин тому

      Thank you and I appreciate you watching! Make sure you are using the Dynamic HTML block. Once it detects that you are using the post excerpt it will give you the option. 🙂

  • @akramsaqi9428
    @akramsaqi9428 День тому

    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

  • @brennbarb
    @brennbarb 2 дні тому

    Fantastic video Clifton. Learned so much. Thank you.

    • @CliftonWP
      @CliftonWP 12 годин тому

      Thank you! I appreciate you watching!

  • @FiranGros
    @FiranGros 2 дні тому

    Such a informative and helpful video, thanks CliftonWP for sharing this ❤❤❤

    • @CliftonWP
      @CliftonWP 12 годин тому

      Thank you! I appreciate you watching!

  • @multioffice1997
    @multioffice1997 2 дні тому

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

    • @CliftonWP
      @CliftonWP 12 годин тому

      Thank you! I appreciate you watching!

  • @UpperValleyWeb
    @UpperValleyWeb 2 дні тому

    Brilliant! 🎉

  • @mj_aesthetix
    @mj_aesthetix 2 дні тому

    BRO I CAN'T TELL YOU MY FEELINGS YOU ARE A LIFE CHANGER TOWWORROW IS MY PRESENTATION AND YOUR VIDEO HELP ME ALOT LOVE YOU SOOOOOOOOOOO MUCHHHHHHHH

    • @CliftonWP
      @CliftonWP 2 дні тому

      Thank you! Much love to you too and wish you all the success on your presentation!

  • @dareadel
    @dareadel 2 дні тому

    Thanks again, Clifton.

    • @CliftonWP
      @CliftonWP 2 дні тому

      You are Very welcome! Thank you!

  • @Whoville15
    @Whoville15 2 дні тому

    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 2 дні тому

      Thank you so much! I appreciate you very much!

  • @Brian-qr1wm
    @Brian-qr1wm 2 дні тому

    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 2 дні тому

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

    • @multioffice1997
      @multioffice1997 2 дні тому

      You are absolutely right 👍🏼

  • @aktivtrading2802
    @aktivtrading2802 2 дні тому

    Is this a free or a pro version of kadence?

    • @CliftonWP
      @CliftonWP 2 дні тому

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

  • @yadago2010
    @yadago2010 2 дні тому

    Just a fantastic tutorial.... not a wasted word! You have a gift for teaching and sharing. I am just getting ready to overhaul a fairly large site that uses multiple custom post types that was built in Divi (groan) a few years back. Fortunately, they used ACF, so I'm WAY ahead of the game! Thank you!

  • @victort.1122
    @victort.1122 2 дні тому

    Hello from Russia! Thank you Clifton for the useful tutorial. Could you please make another one with a more complicated Bento structure? 1 tutorial is good but 2 tutorials of the same topic would be much better! It's a very needed and practical thing. What would you say? :)

    • @CliftonWP
      @CliftonWP 2 дні тому

      Thank you and thanks for watching in Russia! Send me a link to a Bento Box Grid layout that you would like to see me replicate and I will make a video of the buildout and explain how to achieve it. Thanks again!

  • @eBYTEmedia
    @eBYTEmedia 3 дні тому

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

    • @CliftonWP
      @CliftonWP 2 дні тому

      Thank you! I appreciate you and appreciate you watching!

  • @TradersGRYND
    @TradersGRYND 3 дні тому

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

    • @CliftonWP
      @CliftonWP 2 дні тому

      Thank you so much! Enjoy it!

  • @PilatesinSacramento
    @PilatesinSacramento 3 дні тому

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

    • @CliftonWP
      @CliftonWP 3 дні тому

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

    • @PilatesinSacramento
      @PilatesinSacramento 3 дні тому

      @@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!👍

  • @rh619
    @rh619 3 дні тому

    awesome

  • @KaiBuskirk
    @KaiBuskirk 3 дні тому

    Great Work!

    • @CliftonWP
      @CliftonWP 3 дні тому

      Thank you and appreciate you!

  • @jimnech5066
    @jimnech5066 3 дні тому

    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 3 дні тому

      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!

  • @shesmilesbetter
    @shesmilesbetter 3 дні тому

    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 3 дні тому

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

  • @mikezett4283
    @mikezett4283 3 дні тому

    Your tuts are awesome

    • @CliftonWP
      @CliftonWP 3 дні тому

      Thank you very much! I appreciate you watching!

  • @charliegerson7570
    @charliegerson7570 3 дні тому

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

    • @CliftonWP
      @CliftonWP 3 дні тому

      Thank you Charlie! I appreciate you!

  • @markuserikssen
    @markuserikssen 3 дні тому

    Clifton = the gift that keeps on giving! 🤩

    • @CliftonWP
      @CliftonWP 3 дні тому

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

  • @antpritch
    @antpritch 4 дні тому

    Great tutorial. No fancy graphics, no irritating background music, clear sound, not too fast, not too slow. Measured, balanced and precise delivery. You clearly know your stuff. Why can't all UA-cam vids be like this?

    • @CliftonWP
      @CliftonWP 4 дні тому

      Thank you so much! I appreciate you and I appreciate you watching the video!

  • @eBYTEmedia
    @eBYTEmedia 7 днів тому

    Thanks Clifton! As always, super good and high quality tutorial 😊 Can't wait for the next one 😀

    • @CliftonWP
      @CliftonWP 5 днів тому

      Thank you ! I appreciate you watching and more to come!

  • @niharikaverma95
    @niharikaverma95 7 днів тому

    Hey, what are your thoughts on Kadence vs Blocksy?

    • @CliftonWP
      @CliftonWP 5 днів тому

      Thank you so much for your thoughtful question! I’m really glad you asked. Blocksy is indeed a powerful and feature-rich theme, much like the Kadence Theme. Both offer a remarkable set of features in their free versions, and the pro version of Blocksy adds even more value. I personally own the full Blocksy suite, and it’s a fantastic option. That said, when it comes to choosing between Blocksy and Kadence, it often depends on the kind of website-building experience you’re aiming for. Kadence shines because it’s designed as a fully integrated Website Building System-a theme that works hand-in-hand with its own page builder. It includes its own Gutenberg Blocks (Kadence Blocks) that blend seamlessly with the theme, making page building a smooth and cohesive process. With the pro features and additional Kadence plugins, it becomes a powerful toolkit for virtually any project. Blocksy, while an incredible theme, usually requires you to build your pages with other tools like Elementor, Gutenberg, or Stackable. This isn’t a drawback of Blocksy, as you can also use other page builders with the Kadence Theme. However, it does highlight that Blocksy’s primary strength lies in being a robust theme, rather than a complete system. I truly enjoy using Blocksy, but Kadence is my preferred system for building websites because I lean towards fully integrated systems. I hope this helps!

    • @niharikaverma95
      @niharikaverma95 5 днів тому

      @@CliftonWP Hi, this was definitely helpful :) Thank you. :)

    • @stephenbugden1270
      @stephenbugden1270 3 дні тому

      @@CliftonWP That really begs the question of how the Kadence theme and blocks compares to Elementor?

  • @ClaudiuOvidiuStoica
    @ClaudiuOvidiuStoica 7 днів тому

    Have you check how is the canonical for pagination in querry loop?

  • @WestbrookAds
    @WestbrookAds 7 днів тому

    Clifton #kadenceboss

  • @charliegerson7570
    @charliegerson7570 7 днів тому

    Thanks again, Clifton. Your videos always make me feel you are sitting next to me, holding my hand and taking me through the paces step-by-step to replicate exactly everything as you talk. You are wonderful. Thanks for another great video explaining thoroughly challenging concepts to be able to do what you teach. Great Teacher!

    • @CliftonWP
      @CliftonWP 7 днів тому

      Thank you Charlie!!!! I appreciate you and I appreciate your support! Happy you find the videos helpful!

  • @BrendaMalone
    @BrendaMalone 7 днів тому

    Once again, you have killed it, and made us all smarter. Thank you, Clifton.

    • @CliftonWP
      @CliftonWP 7 днів тому

      Thank you so much Brenda! I appreciate you!

  • @BrendaMalone
    @BrendaMalone 7 днів тому

    Thanks!🥰

    • @CliftonWP
      @CliftonWP 7 днів тому

      Thank you Brenda! I appreciate you! You are the best! Thank you so much for your support!

  • @jimnech5066
    @jimnech5066 7 днів тому

    Clifton, I want to thank you for these tutorials. I don't think most people viewing them realize how much time and effort it takes to put a professional tutorial together like the ones you produce. I am always amazed by how professional and complete each one is. Thank You!

    • @CliftonWP
      @CliftonWP 7 днів тому

      Thank you so much! I really appreciate that and I appreciate you watching!

  • @robertoinnocenzi3626
    @robertoinnocenzi3626 7 днів тому

    Cool tutorial as always !!!

    • @CliftonWP
      @CliftonWP 7 днів тому

      Thank you so much! I appreciate you!

  • @shesmilesbetter
    @shesmilesbetter 7 днів тому

    I just love it when I'm notified of a new Kadence video by Clifton😊, and I am really looking forward to learn again from your many tips and tricks in this one, too. Thanks a lot, Clifton, hope you keep them coming!

    • @CliftonWP
      @CliftonWP 7 днів тому

      Thank you so much! I so appreciate you and your support❤. More to come!

    • @apcotdaniel9707
      @apcotdaniel9707 7 днів тому

      Same here!

    • @roamingtheamericas
      @roamingtheamericas 7 днів тому

      Same... it's like a new season of a show dropping on Netflix. 😆 Seriously though, I love seeing those notifications!

    • @CliftonWP
      @CliftonWP 7 днів тому

      @@apcotdaniel9707 Thank you! More to come!

    • @CliftonWP
      @CliftonWP 7 днів тому

      @@roamingtheamericas Thank you! More to come!

  • @shahnawazlarik8798
    @shahnawazlarik8798 7 днів тому

    Again another Nice Tutorial. Can we create an archive page whether blog archive or a category archive page with multiple designs. If we have huge number of posts and we enable pagination then each page should use the same template where we have multiple designs like in other words magazine style template. This template should not be static of the fixed number of posts instead it should work same like normal archive page where all posts are just loop items. I hope you got my point.

    • @CliftonWP
      @CliftonWP 7 днів тому

      Yes, you can. Feel free to link to an example and I'll be able to tell you definitively.

  • @shahnawazlarik8798
    @shahnawazlarik8798 7 днів тому

    Great video, Is there any way where we can have multiple designs under the same query block?

    • @CliftonWP
      @CliftonWP 7 днів тому

      Thank you! Each Query Block can only utilize one query card for layout and design. To accomplish what you are asking, you could technically create multiple queries and apply different query card designs to each query. Even if it is a query of the same content.

    • @Line49Design
      @Line49Design 7 днів тому

      That's what the Skip Number of Posts is for. You could have a first row of two or three large cards, followed by a second Loop with smaller cards containing remaining posts in rows of four or five, for instance.

    • @shahnawazlarik8798
      @shahnawazlarik8798 7 днів тому

      ​@@Line49DesignThanks, actually till this point it's clear, what about if we use pagination and we go on page 2? The same posts will again display on the second page since we already set them manually. As you know that each query block will have its own separate pagination, so it will not work like default archive pages work. Lets say, i make 3 queries with 3 different query cards and i added pagination in the last query block. Now this pagination will only work for the last query block while the first two query blocks will always display the same posts even on the page2.

    • @Line49Design
      @Line49Design 7 днів тому

      ​@@shahnawazlarik8798I suggest not doing that! 😊 When I (and likely Clifton) want to have a special row to feature just the first post in a site (say, one's latest podcast or real estate listing), I don't use Query Loop. That's overkill. I just use a simple block like Post Grid or Info Box to show it. Definitely no pagination involved in that row. It's easy to get tripped up by pagination in the middle of your content at the best of times. Best way sometimes is to keep your grids tidy and point to a separate dedicated archive page instead.

  • @harryotto962
    @harryotto962 10 днів тому

    Hi. Nice Presentation! Do you have a video where you integrate Jake Pfohl's premade "Start Blogging 101" blocks into a website that you are designing?

    • @CliftonWP
      @CliftonWP 7 днів тому

      Thank you! Sorry, I don't have such a video.

  • @trifco-studio
    @trifco-studio 10 днів тому

    Wonderful tutorial, but it should be updated since ACF now has a built-in CPT UI option.

    • @CliftonWP
      @CliftonWP 7 днів тому

      Thank you! Yes, they do! Check out some of my other videos, where I demonstrate ACF Custom Post Types.

  • @AndresRodriguez-ul7hr
    @AndresRodriguez-ul7hr 11 днів тому

    Hello Clifton, please, can you replicate how to make a Log In page like the one in WPForms? Thanks.

  • @ritaserraa
    @ritaserraa 11 днів тому

    This is an awesome tutorial thank you so much, but for me when I change the text it in mobile, it changes in desktop 😫. Any reason why this could be happening?

    • @CliftonWP
      @CliftonWP 7 днів тому

      Thank you and sorry this is happening. I'd have to see your buildout to tell you. One thing you want to make sure of is that the mobile icon is highlighted when making your changes.

    • @ritaserraa
      @ritaserraa 4 дні тому

      @@CliftonWP Hey Clifton thanks for replying and yes the mobile icon is definitely picked so not sure why this is happening. Still haven't been able to figure it out haha so just leaving it for now it's just adding more stress lol

  • @Sonictech66
    @Sonictech66 12 днів тому

    How do you setup the woo commerce cart with Kadence?

  • @lynne3469
    @lynne3469 12 днів тому

    Fantastic tutorial, thank you so much. I'm completely new to Custom Post Layouts and the idea of this was intimidating to me. You covered a lot in this tutorial and your calm way of teaching is just brilliant. I can watch this again and take notes. It's amazing what can be done. I love using Kadence and have learned a lot from your tutorials. 🥰

    • @CliftonWP
      @CliftonWP 12 днів тому

      Thank you so much! I am glad you found the tutorial helpful and I appreciate you watching!

  • @dev.faizan
    @dev.faizan 13 днів тому

    Amazing

  • @yadago2010
    @yadago2010 13 днів тому

    Your timing to release this was PERFECT for me - I'm getting ready to update a few sites with Kadence, and this sharpened my saw before I dig in. Fantastic design choices to demo the features; I have some fresh ideas! Thank you for your time and diligence in making a complete tutorial. It may be lengthy, but there are no wasted words.

    • @CliftonWP
      @CliftonWP 13 днів тому

      Wow! Thank you so much for your kind words and I am glad that the tutorial is helpful to you! I appreciate you watching and wish you the best on your Kadence website updates!

  • @KaiBuskirk
    @KaiBuskirk 15 днів тому

    Pricing Tables + Request for Quote + Product Tables.... so fun!!! you rock!!

  • @rachelsrecipepantry
    @rachelsrecipepantry 15 днів тому

    Excellent teaching! Thank you! ;-)

    • @CliftonWP
      @CliftonWP 15 днів тому

      Thank you! I appreciate you watching!

  • @KaiBuskirk
    @KaiBuskirk 17 днів тому

    please go deeper on kadence Affiliate concepts.... would be a great follow... series...

  • @UpperValleyWeb
    @UpperValleyWeb 18 днів тому

    Wow this is exactly what I was just trying to figure out how to do, and I was just looking into the White Label plugin. 😊

    • @CliftonWP
      @CliftonWP 18 днів тому

      Happy to hear it! Enjoy!

  • @KaiBuskirk
    @KaiBuskirk 18 днів тому

    Pricing Tables + Request for quote

  • @KaiBuskirk
    @KaiBuskirk 18 днів тому

    I love the videos… and the value you add to our KadenceWP community

    • @CliftonWP
      @CliftonWP 18 днів тому

      I appreciate you Kai! Thank you!