Okay
  Public Ticket #3380983
Booking Calendar not Mobile friendly, and responsive
Closed

Comments

  • okpemart started the conversation

    Hi Support,

    Please I have the following concerns about the theme formatting for mobile devices that is making it not easy to use on mobile phones.

    1. The (set language, DEVICE/ENGLISH) that appears in the display booking calendar is preventing the Courses topic to display well, making it not presentable. 

    Please How can I remove or disable that language setting?

    2. The default week booking calendar display of courses does not format properly on mobile devices for the users to see and understand which courses which course to book. 

    How can I set the default Calendar view to (LIST VIEW) Instead of the (WEEK VIEW) which does not display the course fully on mobile?

    3. I noticed that the courses on the calendar can be clickable on a desktop, but It's not clickable on mobile devices.

    What is the cause of this and how can I fix it?

    Attached files:  WhatsApp Image 2023-05-29 at 2.47.03 PM.jpeg
      WhatsApp Image 2023-05-29 at 2.47.52 PM.jpeg
      WhatsApp Image 2023-05-29 at 2.51.07 PM.jpeg

  •  390
    Ripul replied

    1. This can be hidden using css easily. in the screenshot it seems like a big issue. I need link to the page to share css to remove this.

    2. This can be fixed via css. We can wrap the text. The complete service details would be visible on hover as space is less. Which is why set the service color at WP admin - Viebb p - Settings - Appointments, so that it is easily recognizable. Optionally when you set the colors the cut out text can be hidden as well.

    3. This again looks like a css overlap. share the link of the page to exact fix.

  • Mathias Okpe replied

    Thanks for the prompt response as usual.

    Here's the login link and credentials to the page 

    https/learnacademy.ng/wp-admin

    Username: pilot

    Password: Textpassword@1

    Thanks in advance 

  •  390
    Ripul replied

    checking this.

  •   okpemart replied privately
  •  390
    Ripul replied

    Yes, some issue while accessing site

    Attached files:  Screenshot 2023-05-31 at 4.02.04 PM.png

  •  390
    Ripul replied

    working on this.

  •  390
    Ripul replied

    following css was added to remove the language selector


    .book_slots_wrapper .services_filter + div {
        display: none;
    }
  • okpemart replied

    Hi, support,

    Thanks for the help, the code you shared has helped in hiding the language settings. 

    However, 

    1. I still want the calendar to display in a list view by default instead of the current calendar view. 

    2. I want to hide the services list filter that appears on top of the calendar to make the calendar easy to access without delays. 

    Please share the CSS codes to address the issues.

    3. I also noticed that the Appointment directory filter pops up automatically on mobile phones and covers the instructor's list, if you are not used to the website you will not see the list of instructors as the filter is covering it. How can I stop the filter from popping up automatically on mobile?

    4. Lastly, The services type categories slider filter at the top of the instructors' directory in the "find your tutor page"  does not respond/slide on mobile phones, also before the recent updates,  each category use to display the services under them so it's easy to locate each instructor based on the topic/services. that is not so anymore. can we have that back in the next updates?

    I really believe in this project and want to see that it becomes useable for all, Please help me get it right.


    Thank you in advance


    Attached files:  WhatsApp Image 2023-05-31 at 6.52.27 PM.jpeg
      WhatsApp Image 2023-05-31 at 6.53.37 PM.jpeg
      WhatsApp Image 2023-05-31 at 10.26.46 PM.jpeg
      WhatsApp Image 2023-05-31 at 10.27.57 PM.jpeg

  •  390
    Ripul replied

    1. This may not be possible by default, i will get back to you on this if possible.

    2. Ok

    3. I did not understand, you mean it appears popped out by default on page load itself ? This could be a bug. Adding in to do list, we will release an update on this.

    4. Yes this is currently in our list. We fix this in our upcoming update.