Hide the calendar icon in the date selector

Are you looking to hide the calendar icon in the date selector?

You can remove the calendar icon in the date selector by editing your theme's CSS and inserting the following code:

.DateInput::before {  
   display: none;
}

Steps:

  1. Visit your store's Theme settings.
  2. Click the Actions button and select Edit Code.

  3. Open your theme.scss.liquid file and scroll to the bottom of the file.
  4. Paste in the code snippet displayed above.
  5. Click the Save button.
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.