Skip to main content

Custom Search Bar Text

Put this in the scripts section of the advanced theme editor

Search bar preview text script 

document.addEventListener('DOMContentLoaded', function() {
  // Select the search input field by its id
  var searchInput = document.getElementById('site-search');

  // Check if the search input exists to avoid errors
  if (searchInput) {
    // Change the placeholder text
    searchInput.placeholder = "Search our website";
  }
});