Appointment + - lost responsiveness on mobile after latest update

Latest update has caused loss of responsiveness on phones.

    Sajid

    Hello Anders,
    Hope you are doing good today

    I am unable to replicate this issue on my own test site using the latest version of Appointments+ plugin. It is scaling on mobile devices as you can see in this screenshot:

    On your site, I can see it is cropping the service providers. This seems to be an issue of your theme or something. Any way, I come up with following solution for you to make it look good on mobile.

    Add following code in functions.php file of your child theme or use it as mu-plugin.

    add_action( 'wp_footer', 'wpmudev_aplus_res_fix', 99 );
    function wpmudev_aplus_res_fix(){?>
    
    	<script type="text/javascript">
    
    		jQuery(document).ready(function($){
    
    			$('.app_workers').parent('td').addClass('app_worker_td');
    			$('.app_services').parent('td').addClass('app_services_td');
    
    		})
    
    	</script>
    
    	<style type="text/css">
    		@media (max-width: 768px){
    			.app_worker_td,.app_services_td{
    				    float: left;
        				width: 200% !important;
    			}
    		}
    	</style>
    
    <?php }

    If you go with mu-plugin route then, go to your /wp-content/ folder via FTP, and find the folder called "mu-plugins". If there is no folder with that name, then you'll want to create one. Then, create a file inside that folder, and give the file any name you like and paste the code in there.

    You don't need to activate that plugin, as it will be always be automatically activated. Please be sure to add a PHP start tag at the beginning of the code if you insert this code as a mu-plugin, like this:

    <?php

    Hope that helps! Feel free to post a reply if you need further assistance

    Best Regards,
    Sajid - WPMU DEV Support