mobile

[Fred]

Hi Support.

Could you please access one of our pages below;
https://www.primeeducation.com.au/events/category/year-12/

This page is shown differently in a desktop and a mobile device.
All content is shown in desktop , but only the filter bar is shown in mobile devices.

Looking forward to get a resolution for this.

Cheers, Fred

[Geoff B.]

Good evening Fred and welcome back!

Thank you for reaching out to us.

We are sorry to hear about the mobile version not displaying properly on your install.
I would love to help you with this topic.

It looks like there are CSS issues at play here.  One of them being the z-index of the content.

As a first troubleshooting step, could you please provide us with your complete system information in a private reply using the instructions found in the following link?

https://theeventscalendar.com/knowledgebase/sharing-sys-info/

Could you please send me a copy of your WordPress theme / child theme in a .zip file link (via Dropbox or Google Drive) so that I can run some tests on my end ?

Best regards,

Geoff B.

[Fred]

This reply is private.

[Geoff B.]

This reply is private.

[Fred]

This reply is private.

[Geoff B.]

Good evening Fred,

Thank you for writing back and for the files.

Based on that, I ran some tests and the following CSS rule worked for me

@media only screen and (max-width: 767px) {
.tribe-filters-open #tribe_events_filters_wrapper, .tribe-filters-open #tribe_events_filters_wrapper.tribe-events-filters-horizontal, .tribe-filters-open #tribe_events_filters_wrapper.tribe-events-filters-vertical {
max-height: 573px;
}
}

Let me know how that goes.

Best regards,
Geoff B.

[Fred]

Yeah! That works for my site. thank-you!
Just one minor question for you, did you mean two ending curly brackets required as in your code snippet above?

[Geoff B.]

Good afternoon Fred,

I’m super stoked that this worked for you.

Yes, I did mean the 2 curly brackets.
This is necessary with @media CSS rules:

1. One opening curly bracket for the @media declaration
2. One opening curly bracket for the CSS rule
3. One closing bracket for the CSS rule
4. One closing bracket to close the @media declaration

You are welcome back on our support forums any time 🙂

For now, I am going to close this thread.

Have a great weekend!

Geoff B.

[Author]

Posts