• 

  islam

  Participant

  January 28, 2026 at 08:37

  On checkout page, leave the fields empty and submit, fileds’ name overlap with validation message. The attached image is from safari on iPhone.

  Files is visible for topic creator and
  support staff only.

  #465020 Copied
  1 Answer
  

  Jack Richardson

  Support staff

  January 28, 2026 at 14:22

  Hello @islam,

  Please check it now. We have added the following custom CSS in “Theme Options → Global CSS”:

  .template-content .et-advanced-label.woocommerce-invalid label[for] ~ p[class*=error-message] {
      position: absolute;
      top: calc(100% + 5px);
  }
  
  .template-content .et-advanced-label.woocommerce-invalid:has(label[for] ~ p[class*=error-message]) {
      margin-bottom: 40px;
  }

  Frontend result: https://gyazo.com/f9ae3bf5b34aba0e963d29192ac8095a

  Best regards,
  Jack Richardson
  The 8Theme’s Team

  #465061 Copied
• Viewing 2 results - 1 through 2 (of 2 total)