Login form not responsive

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: https://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.

Perfect ??

Great ??

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>