Photo view is smaller for certain event categories

[Dmitry]

Hi. I have multiple event categories on my side.
However, for some reason desktop version of the calendar for Spanish languages is smaller then for other event categories:

1. Spanish language calendar (narrow view): https://speakingfluent.com/events/category/spanish-calendar/
2. Other language calendar (normal view) : https://speakingfluent.com/events/category/other-languages/

What could have possibly happened with the Spanish calendar view and how can it be returned to a normal responsive design?

What I have done:
1. According with your article (https://theeventscalendar.com/knowledgebase/calendar-displays-mobile-view-desktoptablet-screen-sizes/) I have disabled caching plugin and have cleared my cache for a test, however Spanish calendar desktop design doesn’t become responsive. Please check screenshot attached. So disabling caching plugin didn’t help
2. I tried to check if the issue is due to the daily recurring event, but it works totally fine on the “other languages” calendar page after replication: https://speakingfluent.com/events/category/other-languages/
Please also find screenshot attached, this is an intented behaviour

[Dmitry]

+ i have checked the page – there seem to be no hidden sidebars, which would affect the view of the Spanish calendar

[Dmitry]

Follow up on my investigation:

I ran a test and changed different default view for mobile devices (e.g. photo view) and desktop (e.g. month view) (please find screenshot of the settings attached).
When I visit a website from the desktop, in the spanish event category I see mobile version of the calendar (photo view) in the narrow form. If I use the same desktop to visit other event category, there is a normal desktop view with a default month view.

Therefore, specifically for 1 event category, in photo view and week view, system for some reason takes a desktop devise as a mobile device and shows it in the narrow view.
Would be thankful for advise.

[Dmitry]

+ if I create any new event categories, their photo and week view are also shown as a mobile version when visited from desktop

[Andras]

Hi Dimitry,

This was a tricky one to find. 🙂 I took a look at your page and the code.

The cause is this declaration which supposedly comes from:
https://speakingfluent.com/wp-content/themes/Drift_Pro/lib/extentions/bootstrap/css/bootstrap.min.css?ver=2.3.2

[class*="span"] {
float: left;
min-height: 1px;
margin-left: 30px;
}

That basically means if there is a css class that contains “span” (like in events-category-spanish-calendar), that will have a float left.
You can unset this with either renaming the category name so it doesn’t have “span” in it, or you can add the below css snippet to your style.css file.

body.events-category-spanish-calendar {
float: unset;
}

Let me know if this does the trick. I’m super curious. 🙂

Cheers,
Andras

[Dmitry]

András,

Thank you very much. You are amazing.
I figured out that name of the category does influence the outcome + there was a conflict with theme.
Thanks for taking extra step.

Issue solved. All the best!

Dmitry

[Andras]

Happy to hear that helped! 🙂

Since this is marked resolved I am going to close this ticket, but if you need anything else related to this topic or another please create a new ticket and we’ll be happy to help.

Cheers,
Andras

PS: We’d be grateful if you would give us feedback on your satisfaction with support. Just click on one of the classy looking emojis below. 🙂 If you can spare a few words, that’s even better. Thanks!

PS2: If you like our plugins, and you didn’t yet do so 🙂 we would also be happy to receive a review in the wordpress.org repository. Much appreciated!
https://wordpress.org/support/view/plugin-reviews/the-events-calendar/
https://wordpress.org/support/view/plugin-reviews/event-tickets/

 

[Author]

Posts