Custom CSS For Layout Change

Hi Guys

Support Access Granted

If you login to my site and visit the following page

http://www.dewsburybatleyrefs.co.uk/my-appointments/

Here you will see a where all the appointments are listed that are assigned to me as a service provider.

The Confirm option to confirm the appointment by the service provider is the very end column and it is not mobile friendly for service providers to quickly login and use as it is often off the screen on the mobile device.

I wondered could the confirm option be moved for each entry in the array to appear underneath that entry instead?

Regards

Wayne

  • Tyler Postle

    Hey Wayne,

    Hope you're well today! Thanks for granting access. I checked it out and I did up some custom CSS for you that should do the trick here :slight_smile:

    Add this to your Appearance > Custom CSS style sheet and let me know if it works:

    /* Smartphones (portrait and landscape) ----------- */
    @media only screen
    and (min-device-width : 320px)
    and (max-device-width : 480px) {
    .appointments-my-appointments table th {
    	0.5em;
    }
    
    .appointments-my-appointments table th, .appointments-my-appointments table td {
    width 9%;
    }
    }

    I didn't see any appointments in the column so I'm not sure how it will look when you have an appointment in there but try it out and let me know.

    Hope that helps!

    All the best,
    Tyler

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.