Hi Britanny,

Thanks for reaching out to us. Unfortunatelly, we don't offer support via video calls nor zoom / google meetings, however, you can ask all questions here and support team will kindly assist. Looking at your use case, it looks like the issue might be related to the screen size. Amelia is designed to be screen responsive, but some users have reported that the "book now" button is not visible until users scroll. This can be solved by adding a simple CSS code. 

You can try this one 

@media only screen and (max-width: 548px) {
  .amelia-v2-booking.am-dialog-el .el-dialog {
    margin-top: 0px !important;
  }
  .amelia-v2-booking #amelia-container .am-dialog-el__main-container {
    max-height: calc(100vh - 68px) !important;
  }
}

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.

Hi Brittany,

The only option would be to create a separate page with particular event id, since otherwise all events are listed on event list only. The same goes for services. For example, you can create a new page and then add the shortcode 

1. [ameliaeventslistbooking event=1] if you want to show only the Event with the ID: 1,

You would just need to change the event ID with the real event ID. You would need to do this for each event separately.