Hello Michelle

Is the related URL the correct URL? Because I can see that Amelia's Events look like this:

This tends to happen when your WordPress' plugins folder doesn't have necessary permissions, so Amelia's CSS and JS files are not generated.

From your screenshots I can see everything's looking fine, so please tell me where I can see the booking form that looks correct? For the display issue above, you need to reach out to your hosting provider and have them change permissions, so the plugin can write to the plugins folder.

Hi again Michelle

You can do that only with some custom CSS:

div.am-custom-fields > div > div:nth-child(1), div.am-custom-fields > div > div:nth-child(2), div.am-custom-fields > div > div:nth-child(3), div.am-custom-fields > div > div:nth-child(4), div.am-custom-fields > div > div:nth-child(5), div.am-custom-fields > div > div:nth-child(6), div.am-custom-fields > div > div:nth-child(7), div.am-custom-fields > div > div:nth-child(8) {
width: 100% !important;
}

Please note, though, that this code will work only for these fields, so if you add more fields, you will need to add:

, div.am-custom-fields > div > div:nth-child(9), div.am-custom-fields > div > div:nth-child(10)

And so on. Another option would be to make all fields go full length (including name, last name, phone, etc), so if you would like this option, please let me know, and I'll find the proper CSS for that.

Hi again Michelle

It seems something is messing with the media query (CSS for mobiles).

Try adding this:

@media only screen and (max-width: 991px) {
br {
display: inline !important;
}
}

If that doesn't work, try changing the max-width property to (max-width: 990px) or (max-width: 992px). One of these is bound to work.