Change the size of the caret to a customized dropdown menu field in contact form

Store Design
, ,

Topic summary

A user successfully created a dropdown menu caret for a contact form but encountered sizing and positioning issues.

Initial Problem:

  • The caret icon was too large for the dropdown field
  • User followed code from a previous discussion but needed size adjustments

Solution Provided:

  • Add CSS styling to theme.liquid file (before tag)
  • Adjust caret dimensions using width and height properties
  • User modified the suggested 0.6rem size to 1rem, which resolved the initial sizing issue

Remaining Issues:

  • The caret now appears outside the dropdown menu boundary
  • The dropdown box displays two overlapping layers
  • Screenshots were shared showing both positioning problems

Current Status:

  • Discussion remains open with troubleshooting ongoing
  • User shared store URL (247chic.com) for further assistance
  • Awaiting additional guidance to fix caret positioning and layering issues
Summarized with AI on November 5. AI used: claude-sonnet-4-5-20250929.
4

would you like to share your store URL and password if any please.