Responsive appointments plugin & Custom image to sidebar

Hey there,
I'm creating a niche site form my client where there is an option to use appointments+ plugin. I'm wondering how i could get the responsiveness to work on the full page appointments and also with the single page.

ex. Full width: http://drop.kotisivuton.com/make-an-appointment/

ex. Normal: http://drop.kotisivuton.com/listing/samuli-perala/

As you can see from both the text goes beyond the border (If you minimize your browser screen).

  • Alexander

    Hey there @Nikki,

    Alot of this depends on the theme you're using. To start, I'd recommend splitting taking a look at the shortcodes you have access to with Appointments+ Instead of having everything rendered through the main shortcode, you can split it into sections and include them in the arrangement that you need.

    Also there's an option in Appointments+ that allows you to place custom CSS rules for fine tuning things with your theme

    I'd recommend experimenting with some minimum widths and see how it affects the layout on your theme. For example, try this on your theme:

    .app_monthly_schedule_wrapper,
    .app_timetable_wrapper {
    min-width: 250px;
    }

    It will force the calendar and time options onto two rows if the screen gets too small.

    Hope this helps! Let me know if you need any other help here.

    Thanks for being a WPMU DEV member. Let us know if we can be of any further assistance.
    Best regards,

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.