Divi Theme Add A Search Bar To The Menu 👈👈👈

แชร์
ฝัง
  • เผยแพร่เมื่อ 21 ต.ค. 2024
  • Divi Theme how to add a search bar to your header. Today we will be demonstrating how to use the Divi Theme Builder to create a custom global header and create a header that will allow people to search the site with a search field.
    We are going to be using the Divi theme to create some great effects in this series of videos. The Divi theme has some great modules and effects. With a little work you can achieve some great eye-catching effects to enhance the look and user experience of your website.
    This is a great feature to have on your website, and very easy to do. there is no coding or extra plugins involved in this today, we are just using the features and modules of the Divi Theme itself.
    So, follow along with the video and see how to add a search bar to your header with the Divi theme.
    For more information on the Divi theme, check out our Divi playlists below.
    Playlist page for more videos on this: / system22net
    Divi Supreme Modules Playlist: / watch
    v=ZAO2MH0dQtk&list=PLqabIl8dx2wo8rcs-fkk5tnBDyHthjiLw
    Full Ecommerce Site Build Playlist: / watch
    v=rNhjGUsnC3E&list=PLqabIl8dx2wq6ySkW_gPjiPrufojD4la9
    Contact Form With File Upload Video: • Divi Theme Contact For...
    Divi 4 Theme Create An Ecommerce Store In One Hour: • Divi 4 Theme Create An...
    Try out the Divi theme: bit.ly/TryDiviNow
    Divi Supreme Modules Plugin 10% Off: bit.ly/DiviSup...
    Divi Brain Addons Free Plugin: brainaddons.com/
    My Blog : web-design-and...
    Check out our playlist page for more videos on this: / system22net
    --------- RECOMMENDED PLAYLISTS ---------
    Elementor Ecommerce Store: • Elementor Ecommerce St...
    Divi Snippets: • Divi 4 Snippets Divi T...
    Divi 4 Ecommerce Store: • Divi 4 Ecommerce Store...
    Bootstrap 4 Basics: • Bootstrap 4 Basics Ind...
    Elementor: • Elementor Wordpress Bu...
    WordPress Tips: • Wordpress 2020 Theme C...
    Subscribe: / @system22
    #TH-camTips #WebDesignTips #FreeWebDesignTutorials #BuildYourOwnWebsite

ความคิดเห็น • 7

  • @System22
    @System22  2 ปีที่แล้ว +1

    Check out our playlist page for more videos on this: th-cam.com/users/System22Netplaylists
    Sub: th-cam.com/channels/Yeyetu9B2QYrHAjJ5umN1Q.html

  • @K0nstant1naPrat
    @K0nstant1naPrat ปีที่แล้ว +1

    Hello Jamie from System 22. Thank you for this tutorial, it was amazingly helpful. I have followed all your steps and the search module appeared on the top menu but unfortunately it does not find anything on our site. I have not ticked anything in the field with the 'exclusions' while setting up the button. Is there a reason why the button is not working? Thanks a million in advance for any help you can provide.

    • @System22
      @System22  ปีที่แล้ว +1

      Not sure why that is Kon prat - Check out our playlist page for more videos on this: th-cam.com/users/System22Netplaylists - Please like, share and subscribe if you have not done so already - Thanks!

  • @silvana8877
    @silvana8877 8 หลายเดือนก่อน +1

    Thank you for this helpful tutorial. It works perfectly as a desktop menu. How did you solve this on mobile? For me, the search field is displayed in the mobile menu as desired, but as soon as I tap the search field, it loses focus. It is impossible to use the search box in the mobile menu. But that's exactly why I was so excited about this solution at first... any ideas?

    • @System22
      @System22  8 หลายเดือนก่อน +2

      I'll look into it when I can @silvana8877 - Might try adjusting the z-index to make sure it is sitting on top of everything else!? - Check out our playlist page for more videos on this: th-cam.com/users/System22Netplaylists - Please like, share and subscribe if you have not done so already - Thanks!