CSS issue at 768px viewport

[Chris]

When the viewport drops to 768, the events calendar switches from listing the events to displaying dots that load the events below the calendar.

However, in the CSS file: /wp-content/themes/wellspring/assets/css/events-calendar-responsive.min.css there is CSS that hides the below calendar event information at a viewport of 768 or higher.

@media only screen and (min-width: 768px) {
.tribe-mobile-day {display: none!important;}
}

The problem is the ipad portrait has exactly a 768px viewport which is both:

a) the max width the dots are used
b) the min width the event info is hidden.

I tried making a copy of both the offending CSS files in my child theme folder using the exact paths but the theme is not loading/reading them:

/wp-content/themes/wellspring/assets/css/events-calendar-responsive.min.css
/wp-content/themes/wellspring/assets/css/events-calendar-responsive.css

NOTE: I posted this to Mikado Theme support first and they sent me to you: https://mikado.ticksy.com/ticket/944146

This problem is related to Modern Tribe’s plugin so the best way is to contact them in order to help you.

What I am looking for is help with how to manage those files within my child theme so I can change the 768px value to 769px.

Thank you.

• This topic was modified 7 years, 6 months ago by Chris.

[Geoff B.]

Good evening Chris and welcome back!

Thank you for reaching out to us.
I would love to help you with this topic.

The good news is that you can totally control exactly at what width the breakpoint kicks in.

You might want to read our Themer’s guide to get a sense of how that works. Scroll all the way down to the breakpoint section: https://theeventscalendar.com/knowledgebase/themers-guide/#responsive

Let me know how that goes.

Best regards,
Geoff B.

[Chris]

This turned out to be a bug in the theme code. Thank you.

[Geoff B.]

Hey Chris,

I am super stoked you found the culprit. Kudos!

You are welcome back in our support forums any time 🙂

For now, I am going to close this thread.

Have a great week!

Geoff B.

[Author]

Posts