Hello there,

Thank you for reaching out to us.

We will take a look at this now and we will reach out to you again on this ticket as soon as we have more information. 

Hello again,

You have issue with some custom styles and you need to apply this CSS to resolve this

@media (max-width: 768px) {
  /* Apply the styles only if not inside #amelia-container */
  div:not(#amelia-container) table,
  div:not(#amelia-container) table tbody,
  div:not(#amelia-container) table td,
  div:not(#amelia-container) table tr {
    display: block;
    width: 100%;
  }

  div:not(#amelia-container) table tr {
    margin-bottom: 1em;
  }

  div:not(#amelia-container) table td {
    padding: 12px;
    position: relative;
    text-align: right;
  }

  div:not(#amelia-container) table td:before {
    content: attr(data-label);
    float: left;
    font-weight: 700;
    text-transform: uppercase;
  }
}

This should help. 

Custom code needs to be applied to the page where the booking form is. Depending on what you're using (Gutenberg blocks, or some page builder), adding the CSS or JS can be done in a few different ways. 

If you need help with adding custom CSS to the page, please take a look at this article.

Should you have any further inquiries, we kindly request that you open separate tickets for each question and we will gladly help you there.

We wish you all the best and hope you have a wonderful day ahead. 

Hello again,

​We will forward this to our Dev team and as soon as we receive feedback from them we will reach out to you again on this ticket. 

Hello again,

We just got the feedback from our colleagues and they have told us that

Instead of the first CSS we sent you need to apply the CSS below

.amelia-v2-booking #amelia-container .am-advsc table {
  display: table !important;
}

.amelia-v2-booking #amelia-container .am-advsc thead {
  display: table-header-group !important;
}

.amelia-v2-booking #amelia-container .am-advsc tbody {
  display: table-row-group !important;
}

.amelia-v2-booking #amelia-container .am-advsc tr {
  display: table-row !important;
}

.amelia-v2-booking #amelia-container .am-advsc td {
  display: table-cell !important;
}

Hope this helps.

We wish you all the best and hope you have a wonderful day ahead. 

Hello again,

This was a specific issue on your end not sure why our dev team did not send us additional feedback but we have around 80000 if users so with millions of their customers only a handful had this kind of issue to Amelia is responsive and in general does not have any issues with mobile view or tablet od desktop it is designed to adjust to each view. 

Should you have any further inquiries, we kindly request that you open separate tickets for each question and we will gladly help you there.

We wish you all the best and hope you have a wonderful day ahead.