Mobile responsive

Hi morganaeffect,

The form isn’t responsive because of the custom CSS code you’ve used to adjust the layout. You need to wrap this code in media queries to ensure it only applies when the screen reaches a minimum width.

Here’s an example showing a media query that will only apply CSS styles when the screen is at least 992px wide:

@media(min-width:992px) {
  /* Add all of your CSS code for the form layout here */
}

There are many things that can effect email delivery, but if the email is ending up in spam it’s probably due to problems with your email server configuration or because your email server has a reputation for spam. This is a common problem on shared hosting platforms and you’ll need to speak to your web host to diagnose the problem further.

The documentation includes a little bit more detail:

https://doc.themeofthecrop.com/plugins/restaurant-reservations/user/faq#no-emails

Thank you, in this way all custom css style disappears on mobile view (the form is vertically again, the colors are default again…).
It’s not bad, but I ask you if this is normal.

Hi morganaeffect,

Yes, that’s what the media query does. It defines when a set of CSS styles should be applied.

If there are styles that you want applied all the time, you should remove them from the media query block, leaving only those related to layout.

ok, thank you. Your support is very very fast!

No problem! If you get a chance, I always appreciate reviews for the plugin.