Month display shows dots not events

Apologies. I just noticed that I had left it as V1. It is now V2, showing the issue.

Hi there!

It looks like your calendar is using the mobile styles. Plus, your theme seems to also be overriding some of the calendar styles.

There is some javascript that changes the calendar view based on the width of the container the calendar is in. It will use mobile styles for anything under 768px. The calendar on your site is in a container that is only around 700px.

There’s an article on how to modify these breakpoints available here: https://theeventscalendar.com/knowledgebase/k/customizing-mobile-css/

You can try setting the medium breakpoint to something a bit smaller, to work with your theme.

Hope that helps!

Best,
Sky

Your comment cites javascript. The article you point at is labeled CSS. Which do I have to deal with?
If it’s CSS, can I put it in the customizer’s Customizer’s Additional CSS section?

I don’t seem to be able to affect the page split between the main and sidebar sections in the theme I am using. (It may be there, but I’m not seeing it and it’s been a long time since I set it up.) I tested using another theme and was able to reduce the % of the sidebar, causing the monthly calendar to display properly.

I also tried putting the code from the referenced article in (Additional CSS) and changing the mobile break down. It did not seem to affect anything.

I recognize that I am a little out my depth here. The code as I pasted it into the Additional CSS is:

/* event calendar adjustments for width */
add_filter( 'tribe_events_views_v2_view_breakpoints', 'customize_tribe_events_breakpoints', 10, 2 );
 
function customize_tribe_events_breakpoints( $breakpoints, $view ) {
    // Extra small breakpoint (for mobile)
    $breakpoints['xsmall'] = 500;
 
    // Medium breakpoint (for tablet)
    $breakpoints['medium'] = 650;
 
    // Large breakpoint (for desktop)
    $breakpoints['full']   = 960;
 
    return $breakpoints;

Hi again,

The code for adjusting the breakpoints is PHP, not CSS. The PHP snippet makes the defined breakpoints available to the Javascript that handles the breakpoint functionality. This would need to go either in your child theme’s functions.php file, or in a functionality plugin.

You can read more about adding customization snippets here:

https://theeventscalendar.com/knowledgebase/k/best-practices-for-implementing-custom-code-snippets/

Let me know if that helps!

It’s been a while since this thread has been active, so I’m going to go ahead and close it for now.

Feel free to open up a new one if anything else comes up.

Have a wonderful day!

Thanks,?
Jaime

I have sort of the same problem after changing to the new layout. It only shows dots and not the event description in the month view.

Also the search bar and the button to change from month view t list view etc. doesn’t work.

I have absolutely no idea what or where to change the things you are writing about.
Please help.

https://kdc-dart.dk/events/

TIA

nimmer