iPhone Layout for Appointments+ will not allow the user to book an appointment

Why does appointments+ cut off on iPhone? People cannot book from their mobile phones:

https://ihelp.guru/make-an-appointment/

am i missing a setting?

  • Tyler Postle

    Hey Bradpimpinella,

    Hope you're doing well today and welcome to the WPMU DEV Community!

    This is likely happening because the grid is going off the page display on your phone so your users are unable to see the times they need to select.

    Can you try adding this CSS to a custom stylesheet to improve the responsiveness of the design :slight_smile:

    /* Smartphones (portrait and landscape) ----------- */
    @media only screen
    and (min-device-width : 320px)
    and (max-device-width : 480px) {
    .appointments-list table th {
    font-size: 0.4em;
    }
    
    .app_services_dropdown, .app_workers {
    font-size: 10px !important;
    }
    }

    If you don't have a custom stylesheet then use this plugin: https://wordpress.org/plugins/simple-custom-css/

    Hope this helps! Let us know if you still need further assistance :slight_smile:

    All the best,
    Tyler

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.