Week view is not correct on mobile devices

[Jennifer]

Hi,

Plugin itself works fine but week view on mobile devices is not correct. On our website it displays as follows: http://screencast.com/t/5kpP1O7ihMb7 while we would like it to display like this: http://screencast.com/t/jpp3M9pIFZS

If you will test with desktop browser you will notice that it happens after page reloading.

[Brian]

Hi Sorry for the issues you are having.

I took a look at your site and see the problem.

The Week View completely changes when you go to the mobile version, but your site looks like it is keeping both visible.

This is how it should look:

It looks like the stylesheet is loading, but there is some custom templates for the Events Calendar and this div is missing:

tribe-events-week

Causing the standard Week View to still show in mobile.

You may have to either remove or recheck the customizations to fix this.

Or you can add something like this to hide the week view on smaller screens:

@media only screen and (max-width: 768px) {
.tribe-events-week .tribe-events-grid {
display: none;
}
}

However, you will have to find a replace selector for tribe-events-week as it is not present in your week view.

Let me know if you have any follow up questions.

Thanks

[Jennifer]

Hi Brian,

Thanks for your response.

Unfortunately our client wants week view on mobile to be displayed like this: http://screencast.com/t/jpp3M9pIFZS and not as event list. Is this achievable?

[Brian]

It may be achievable, but it is beyond the support we can provide to support a customization like this. We can answer a question or two, but unfortunately not much else.

[Brian]

I am going to close this topic as we typically close threads if there is no activity after two weeks. Feel free to create a new thread and reference this one to save you time.

Thanks

[Author]

Posts