Calendar displaying at 450px wide – too narrow, can't fix

Hi,

It is possible that you upgraded WP theme or another plugin?

I had not updated the theme or plugins when this began. And only the calendar is having display issues – nothing else on the site is doing this.

Our calendar is responsive, so the width depends on the elements of your WP theme. Please try to add a shortcode to another page to see if the same happens.

Sorry, it looks like my last post didn’t go through in reply to your last. I added the short code to a basic page and it still does it:

https://www.ncfchurch.net/test-calendar/

Have you tried to change page template?

I cannot afford to risk the damage that could do to my extensive website setup. It could cost me hours of re-customizing as the WP theme I am using is Divi, a block-builder type theme. This used to work fine on Divi and now it doesn’t.

There is no need for customization, you can change the page template in the page options https://en.support.wordpress.com/pages/page-options/

Sorry, I thought you misspoke and were referring to the theme when you said template (so many people do). I changed the page template from Default to Blank on the test page and it changed nothing:

https://www.ncfchurch.net/test-calendar/

Also, I had hoped the plugin update that just came out would fix this, but it did not.

Yeah sounds like a strange issue for sure, Didn’t divi just come out with an update?Are you 100% positive that is not effecting the issue?

Divi hasn’t updated in a while now (they have a major update coming next month), so that was not the cause. I had done no updates on anything when this problem began. I also have already checked with the folks over on Divi Theme Users group on Facebook, & was unable to find anyone with the issue. I’ve even tried forcing it to display at 800px with some css, but that didn’t work either.

Please try to add the following code to your site css:

#ai1ec-container {width: 200%;}

Thank you for the suggestion. I added it to my site’s stylesheet, but nothing changed.

wp-content/themes/divi-child/style.css – I think this is your main css file, here you’ve added code?

Yes, that is correct. I have since removed it, but I can put it back if you’d like to check its behavior.

I have re-added it now with it having no affect on the calendar on either the home page or on that test-calendar page I set up.