Customization of a theme: wp-rentals / mobile optimization of calendar

Dear colleagues,

I require a change of the design of a calendar view of following theme in order to adapt it optimally to a all screen sizes :

https://main.wprentals.org/all-in-one-calendar/
Please log-in with user: user password: 1234 and then use the link again to be referred to the respective page.

The task is to make it well displayed on all screen devices. A possible solution could be to make it scrollable on the x-axis, like in this example: https://www.wpsimplebookingcalendar.com/demo#multiple-calendar-overview-demo

This cannot be done simply by css but requires changes of the php/html code. Please check the task and the requirements carefully and only make an offer if you are sure you can solve it. Please include your price and rough description of how you would do it. I don’t need any references of your previous projects etc.

Please find the relevant code below:

ID;
$user_login = $current_user->user_login;
$user_pack = get_the_author_meta( ‘package_id’ , $userID );
$user_registered = get_the_author_meta( ‘user_registered’ , $userID );
$user_package_activation = get_the_author_meta( ‘package_activation’ , $userID );
$paid_submission_status = esc_html ( wprentals_get_option(‘wp_estate_paid_submission’,”) );
$price_submission = floatval( wprentals_get_option(‘wp_estate_price_submission’,”) );
$submission_curency_status = wpestate_curency_submission_pick();
$edit_link = wpestate_get_template_link(‘user_dashboard_edit_listing.php’);
$processor_link = wpestate_get_template_link(‘processor.php’);
$week_days=array(
‘0’=>esc_html__(‘All’,’wprentals’),
‘1’=>esc_html__(‘Monday’,’wprentals’),
‘2’=>esc_html__(‘Tuesday’,’wprentals’),
‘3’=>esc_html__(‘Wednesday’,’wprentals’),
‘4’=>esc_html__(‘Thursday’,’wprentals’),
‘5’=>esc_html__(‘Friday’,’wprentals’),
‘6’=>esc_html__(‘Saturday’,’wprentals’),
‘7’=>esc_html__(‘Sunday’,’wprentals’)

);
$wp_estate_currency_symbol = esc_html( wprentals_get_option(‘wp_estate_currency_label_main’, ”) );
get_header();
$wpestate_options = wpestate_page_details($post->ID);
$submission_page_fields = wprentals_get_option(‘wp_estate_submission_page_fields’,”);
?>

ID) ){
if ( is_user_logged_in() ) {
include(locate_template(‘templates/user_menu.php’) );
}
}
?>


×

$value){
print ‘ ‘.$value.”;
}
?>

$value){
print ”.$value.”;
}
?>



format( ‘m’ );
$thisyear = $date->format( ‘Y’ );
$unixmonth = mktime(0, 0 , 0, $thismonth, 1, $thisyear);
$month_no++;
}

}

function wpestate_draw_month_allinone($month_no, $unixmonth, $daywithpost,$thismonth,$thisyear,$last_day){
global $wpdb, $m, $monthnum, $year, $wp_locale, $posts,$current_user;

$week_begins = intval(get_option(‘start_of_week’));

$calendar_output=”;
$initial=true;
$echo=true;

$table_style=”;
if( $month_no>1 ){
$table_style=’style=”display:none;”‘;
}

$calendar_output = ”;
$calendar_output .= ‘ ‘. date_i18n(“F”, mktime(0, 0, 0, $thismonth, 10)).’ ‘.$thisyear.’ ‘;
$calendar_output .= ‘ ‘;

$myweek = array();

$daysinmonth = intval(date(‘t’, $unixmonth));
for ( $day = 1; $day $current_user->ID,

‘posts_per_page’ => -1,
‘post_status’ => array( ‘any’ )
);

$prop_selection = new WP_Query($args);
if( !$prop_selection->have_posts() ){
$calendar_output.= ‘ ‘.esc_html__( ‘You don\’t have any properties yet!’,’wprentals’).’ ‘;
}else{
while ($prop_selection->have_posts()): $prop_selection->the_post();
$post_id = get_the_ID();
$link= esc_url ( get_permalink() );
$calendar_output.= ”;
$title=get_the_title();
$calendar_output .= mb_substr( html_entity_decode( $title ), 0, 20);
if(strlen($title)>20){
$calendar_output.= ‘…’;
}
$calendar_output.=”;
$calendar_output .= wpestate_draw_month_for_listing($post_id, $daysinmonth, $thismonth, $thisyear);
endwhile;
}
$calendar_output .= ”;

print trim($calendar_output) ;

}

function wpestate_draw_month_for_listing ($post_id, $daysinmonth, $thismonth, $thisyear) {
$calendar_output_month=”;
$reservation_array = get_post_meta($post_id, ‘booking_dates’,true );

if ( !is_array($reservation_array) || $reservation_array==”){
$reservation_array=array();
}

$start_reservation = ”;
$end_reservation = ”;
$end_reservation_class = ”;
$reservation_class = ”;

for ( $day = 1; $day <= $daysinmonth; ++$day ) {

$timestamp = strtotime( $day.’-‘.$thismonth.’-‘.$thisyear).’ | ‘;
$timestamp_java = strtotime( $day.’-‘.$thismonth.’-‘.$thisyear);

$dayname = date( ‘D’, $timestamp_java);

$has_past_class=”;
if($timestamp_java

Company
CYG
Job Type
Project
Location
N/A
Budget
50
How to Apply
Via email