1. PROMO Upgrade to Pro Membership @ $99 / Lifetime & access all our 16+ premium Divi extensions: Divi Block, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Need Help on Menu Search Module Placeholder text Change

Discussion in 'Free Divi Community Forum' started by Pankaj Kumar, Jun 20, 2020.

  1. Pankaj Kumar

    Pankaj Kumar New Member

    Hi guyz, i really need your help to fix the issues on this stagin site:

    Menu Search module icon placeholder text need to change, i tried various code but nothing work so could you please help me out to fix the issue?
    WEbsite URL:
    http://bassfishingstg.wpengine.com/
    upload_2020-6-21_10-24-33.png
     
    1. PRO MEMBER PERKS Divi Cart Count Plugin - Easily add cart count to your Divi cart icon. 6 different styles to choose from:Learn More
  2. Problemizer.com

    Problemizer.com Divi Expert

    Hello,

    You can put this custom JS code:

    window.onload = function() {
    let searchinput = document.getElementsByClassName('et_pb_menu__search-input')[0];
    searchinput.placeholder = "Hello Guyz!";
    }

    You can see it in action here. http://prntscr.com/t4j0q4

    Let me know if that worked.

    Best regards,
    https://wrdprssifix.com/
     
  3. Pankaj Kumar

    Pankaj Kumar New Member


    Hi there,

    Thank you for this, working fine.

    Can you help me to do some magic in this?

    If you can open a live site (bassfishing-gurus.com) and search icon on mobile and reveal the search box. Is that possible can replicate in the same on staging site?

    Refer to screenshot:
    upload_2020-6-23_8-53-4.png

    Thanks
     
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Agency Divi layout pack featuring unique comment design on single blog post page:View Demo
  4. Problemizer.com

    Problemizer.com Divi Expert

    The code is the same, just you need to use a different class.
    window.onload = function() {
    let searchinput = document.getElementsByClassName('hmenu_search_3')[0];
    searchinput.placeholder = "Hello Guyz!";
    }

    http://prntscr.com/t50yxv

    Best regards,
    https://wrdprssifix.com/
     
  5. Pankaj Kumar

    Pankaj Kumar New Member


    Hello,

    No dear, I don't want to change placeholder for this.

    Actually, can you please check the screenshot again, I want only the Search icon and the way animated Text field after the logo on icon click in the live site.

    Let me know is that possible to achieve this?

    1. Need only Search Icon
    2. After clicking on an icon, need to show text search field like the same functionality showing in LIVE site.

    I hope this makes sense now.

    Thanks
     
    1. PRO MEMBER PERKS Divi.Help Layout AI Generator - Try the power of AI to generate a custom Divi layout for you:Try Now