Hello If you are encountering an issue on mobile with the mobile off-canvas trigger, the awesome team at Kadence is working on a fix. In the mean time use the code below to resolve the issue on your end: Access the customizer and select Additonal CSS and enter the following code: .kb-modal-open .kadence-pro-fixed-item:has(.wp-block-kadence-off-canvas) { height: 100%; }
Wow. Thank you so much Clifton. This tutorial is so detailed, even down to the header tag at the end! I love this header effect. I would be lost without your tutorials - you are amazing! 🥰
@@CliftonWP something similar that this menu: ruclips.net/video/nvh51c4UfmM/видео.htmlsi=FssRI7vXr-lFd2fR It will be possible to achieve with new kadence blocks?
Wow Clifton! Thank you for taking us a step further in the Kadence Advanced Header. You always make Kadence look new, great and powerful in your well prepared and easy to follow comprehensive tutorial. Million thanks to you for your wonderful work. You are the Best of the Best.
Once again, Clifton surprises me. I thought this would be just another tutorial about building a nice presentation. However, in this video he presents two original and technically creative ideas: 1) The use of Kadence Elements to create a "Fixed After Scroll" sticky menu approach that differs from what most of us would have done. This is a truly outside-the-box type of idea that wasn't possible with the Customizer header builder, and I have no idea how he thought of this. 2) The use of Advanced settings to ensure that his secondary header uses the tag for SEO purposes. This shows insight beyond just web design. One other thought: now that headers can be made of blocks, it may also be possible to use synced block patterns (ie, Reusable Blocks) as "includes" to populate two separate headers with one synced set of blocks. Either way, this video has some great inspiration for using this new header building paradigm.
Thanks a lot, Clifton, that's a very nice effect and, as always in your tutorials, an excellent and extremely helpful demonstration! BTW, in your last tutorial on the 5 new Gutenberg blocks, you gave an answer to somebody's question on different use cases for Section versus Row blocks, which, in the typical clarity of yours, was a real eye-opener for many beginners, not just this one, I'm sure. I wonder if you could imagine it to be worthwhile doing a specific tutorial on that very topic? And thanks again for the above tutorial, very much appreciated!
Wow! Thank you so much for your support! I appreciate it very much. The Section versus Row blocks use cases video is a great suggestion. I'll add it to the video queue. Thanks again!
I've got beef on my mind apparently. I read your title as How to Create a Steak Transplant, but then sticky header caught me off guard so I re-read it lol.
Just wondering if you still plan on a doing a video on the various new Kadence Ai features? ... and if so, any idea of aprox. when you might be releasing that video?
Hello Clifton. On my mobile phone and iPad, I’ve noticed that when I scroll down the page, the top menu briefly disappears and then reappears without any problem. However, tapping the sandwich icon in the top-right corner doesn’t open the menu. Has anyone else encountered this issue and found a solution? Thank you in advance for your help!
@@CliftonWP Hi I realised that the whole background and its links still there but go behind the page content and hidden so I tried to apply z-indes: 10000; to appear up but it wasn't successful so I do not know what I need to do and just left it! Please let me know if you find solution. Many thanks for your kind support.
@@RahimJazebi Thank you, no worries, Kadence is really good and fixing issues like this. I'll bring it to their attention and let you know once they get back to me. Appreciate your patience and thanks for watching my video!
@@CliftonWP any news about this bug? Today have the same problem on iphone with brave browser. When second menu appears, after clicking on burger icon nothing happens and then scroll freeze and need to refresh page.
Hi clifton, I am facing the issue on desktop, when I scroll down the page, the top menu disappears and then isn't reappears. Anyone go through this type error?
Thank you! These are built using two elements so when one disappears the other appears. If the second is not appearing, check your display setting in the Element Settings. I hope that helps!
Hello everyone. On my Android mobile phone, when I scroll down the page, the top menu briefly disappears and then reappears without any issues. However, when I tap the menu icon in the top-right corner, nothing happens. Update: It seems that the menu is actually behind the page content. Has anyone else experienced this issue and found a solution? Thanks in advance for your help B.
have the same problem on mobile on iphone using brave browser. When second menu appears, after clicking on burger icon nothing happens and the scroll freeze and need to refresh page.
Hello If you are encountering an issue on mobile with the mobile off-canvas trigger, the awesome team at Kadence is working on a fix. In the mean time use the code below to resolve the issue on your end:
Access the customizer and select Additonal CSS and enter the following code:
.kb-modal-open .kadence-pro-fixed-item:has(.wp-block-kadence-off-canvas) {
height: 100%;
}
Thank you for the workaround while we wait for the final solution. it works well on ANDROID and IOS. Thumps up!
@@LPADCSP You are welcome!
Wow. Thank you so much Clifton. This tutorial is so detailed, even down to the header tag at the end! I love this header effect. I would be lost without your tutorials - you are amazing! 🥰
You are so welcome! Thank you so much for watching and your support!
As always, fantastic tutorial! Thanks, Clifton 😊
You are very welcome and thank you very much for watching and your support! I appreciate you!
If I'm advanced wordpress user I won't see vedioes to learn wp, you are the best for whom wants to learn wp, thanks for the great work man.
Thank you! I appreciate you and I appreciate your support!
Super clear as usual
Keep up the great work!!
Thank you so much!
Excellent tutorial, as always! A sidebar menu tutorial will be great too! 😊
Thank you very much and Thank you for the suggestion! Anything specific you would like to learn about creating sidebar menu?
@@CliftonWP something similar that this menu: ruclips.net/video/nvh51c4UfmM/видео.htmlsi=FssRI7vXr-lFd2fR It will be possible to achieve with new kadence blocks?
Дякую за твої уроки, Кліфтоне! Поєднання можливостей теми Kadence та твого відчуття прекрасного дають неперевершені результати!
Дуже дякую! я вас ціную!
Thanks!
Thank you so much Brenda! I appreciate your support!
As usual Clifton, great job with your detailed explanations. Thank you!
Thank you very much! I appreciate you watching and I appreciate you!
This is excellent! I was just wondering how to create a frosty menu design. Thanks again, Clifton!
You are very welcome!
Wow Clifton!
Thank you for taking us a step further in the Kadence Advanced Header. You always make Kadence look new, great and powerful in your well prepared and easy to follow comprehensive tutorial. Million thanks to you for your wonderful work. You are the Best of the Best.
Thank you so much Charlie! I appreciate you!
Once again, Clifton surprises me. I thought this would be just another tutorial about building a nice presentation. However, in this video he presents two original and technically creative ideas:
1) The use of Kadence Elements to create a "Fixed After Scroll" sticky menu approach that differs from what most of us would have done. This is a truly outside-the-box type of idea that wasn't possible with the Customizer header builder, and I have no idea how he thought of this.
2) The use of Advanced settings to ensure that his secondary header uses the tag for SEO purposes. This shows insight beyond just web design.
One other thought: now that headers can be made of blocks, it may also be possible to use synced block patterns (ie, Reusable Blocks) as "includes" to populate two separate headers with one synced set of blocks.
Either way, this video has some great inspiration for using this new header building paradigm.
Thank you so much! I really appreciate you and grateful for the breakdown! You captured it perfectly! Thank you!
You are a great teacher!
Wow, thank you!
Fantastic great job! I got notified only 6 days later now! Real Improvement!
Thank you Kai! Appreciate you!
Thanks a lot, Clifton, that's a very nice effect and, as always in your tutorials, an excellent and extremely helpful demonstration!
BTW, in your last tutorial on the 5 new Gutenberg blocks, you gave an answer to somebody's question on different use cases for Section versus Row blocks, which, in the typical clarity of yours, was a real eye-opener for many beginners, not just this one, I'm sure.
I wonder if you could imagine it to be worthwhile doing a specific tutorial on that very topic?
And thanks again for the above tutorial, very much appreciated!
Wow! Thank you so much for your support! I appreciate it very much. The Section versus Row blocks use cases video is a great suggestion. I'll add it to the video queue. Thanks again!
Another great video, Clifton! 👍
Thank you so much and hope all is well with you!
I've got beef on my mind apparently. I read your title as How to Create a Steak Transplant, but then sticky header caught me off guard so I re-read it lol.
LOL!🤣! Thank you for that!
Can you create pod ecom store with order bump?
Just wondering if you still plan on a doing a video on the various new Kadence Ai features? ... and if so, any idea of aprox. when you might be releasing that video?
Thank you! This is in the works. I'll have it completed soon. Thank you for watching!
Hello Clifton.
On my mobile phone and iPad, I’ve noticed that when I scroll down the page, the top menu briefly disappears and then reappears without any problem. However, tapping the sandwich icon in the top-right corner doesn’t open the menu.
Has anyone else encountered this issue and found a solution?
Thank you in advance for your help!
Thanks for letting me know about this. This appears to be a bug. I'll let support at Kadence know, so they can look into it. Thanks again.
@@CliftonWP Hi I realised that the whole background and its links still there but go behind the page content and hidden so I tried to apply z-indes: 10000; to appear up but it wasn't successful so I do not know what I need to do and just left it! Please let me know if you find solution. Many thanks for your kind support.
@@RahimJazebi Thank you, no worries, Kadence is really good and fixing issues like this. I'll bring it to their attention and let you know once they get back to me. Appreciate your patience and thanks for watching my video!
@@CliftonWP I want to thank you for the valuable lessons you’ve shared here. I’m proud to be your student. Thank you so much
@@CliftonWP any news about this bug? Today have the same problem on iphone with brave browser. When second menu appears, after clicking on burger icon nothing happens and then scroll freeze and need to refresh page.
Hi clifton, I am facing the issue on desktop, when I scroll down the page, the top menu disappears and then isn't reappears. Anyone go through this type error?
Thank you! These are built using two elements so when one disappears the other appears. If the second is not appearing, check your display setting in the Element Settings. I hope that helps!
Hello everyone.
On my Android mobile phone, when I scroll down the page, the top menu briefly disappears and then reappears without any issues.
However, when I tap the menu icon in the top-right corner, nothing happens.
Update: It seems that the menu is actually behind the page content.
Has anyone else experienced this issue and found a solution?
Thanks in advance for your help
B.
have the same problem on mobile on iphone using brave browser. When second menu appears, after clicking on burger icon nothing happens and the scroll freeze and need to refresh page.
@@yaroslav_travelchem Workaround available in the msg above. it works well on ANDROID and IOS.