Hi,
This may be a theme issue. Can you post a link?
Well I think it’s due to left-margin of div.em-booking-login.
Please check this page on a mobile screen: http://demo.wp-events-plugin.com/events/josh-groban-2018-02-06/ and you will see that login form is out of the screen.
I’ve just found this code snippet that should help:
https://pastebin.com/sPU5kXcb
The code needs to go in the functions.php file of your theme.
this seems like the right solution but I can not get it to work on my site:
https://staging.ingridzinnel.com/veranstaltungen/
I tried it in the functions php as well as a mu-plugin
Is that maybe only working on the pro version?
works now with the mu-plugin. Don’t know why it didn’t work before.
It was a cache problem before, but I had to also adjsut the css in that script to:
<style type="text/css">
@media (min-width: 601px){
div.em-booking-login { display: none; }
div.em-booking div.em-booking-login { display: block; }
}
@media (max-width: 600px){
div.em-booking-form-details { float: none; width:auto; }
div.em-booking-form-details p label { float:none; width:auto; display:block; }
div.em-booking-form-details input[type="text"], div.em-booking-form-details select, div.em-booking-form-details textarea { width:99%; padding:1%; }
div.em-booking-login { float:none; margin:0px !important; border:0px !important; }
div.em-booking div.em-booking-login { display:none; }
}
</style>
