Add a message Field and Request Booking Button

Hi @artmcm,

This is probably something specific to the styles of your theme. If you send me a link to the form on your site I’ll take a look and see if I can suggest some quick CSS to improve that.

Thanks Nate. Here is the link: https://culinaryoutfitters.org/reservations/

Hi @artmcm,

This is due to the absolute positioning you’ve used on the booking form button. You’re child theme style.css includes the following:

.rtb-booking-form button {
    font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif;
    position: absolute;
    ...
}

I’d suggest changing that to position: relative. This fixes the view on small screens but also works with the large screen layout.

That fixed it! Thanks.

@artmcm
How’d u put your bookingform in 2 collumns?!
Custom scripting I guess?

greets,

Frank

@frankytee They’re using a little bit of CSS code which looks like this:

fieldset.contact, fieldset.reservation {
    float: left;
    width: 47%;
}
fieldset.contact, fieldset.reservation {
    width: 46%;
}
.rtb-booking-form button {
    display: block!important;
    width: 100%!important;
}