Issues with Events Calendar and Events Calendar Pro

Bump again. Dozens of responses from support, but I’m curious as to why this request is being ignored?

Already tried that. I’ve also removed the custom CSS that was added in the Quick CSS section of Enfold. Same issues.
All plugins except TEC and ECP are now currently deactivated, I’m leaving them deactivated until I hear back from you. (This is for the fatr.spi…. domain. The other site is live.)
Here is an example of the issue again – http://fatr.spidercreations.net/event/live-music-sweet-surrender-acoustic-duo/
Steve

The removed CSS is included here for reference:

/* GENERAL */

/* The following class will SHOW elements when width is below --px, more in functions.php   [sjm 20180601]*/
@media only screen and (min-width: 671px) {
.show-mobile { display: none; }}

/* The following class will HIDE elements when width is below  --px, more in functions.php  [sjm 20180601]*/
@media only screen and (max-width: 670px) {
.hide-mobile { display: none; }}

/* the following will just hide an element that is on a page. This is good for seasonal stuff. */
.hide { display: none !important; }

/* HEADER */

.header_color .header_bg{background-color: rgba(255,255,255,.7);}

#top .av_header_glassy.av_header_transparency #header_main {
background-color: rgba(255,255,255,0.7);
}

/* This moves the logo over to the LEFT, when selecting Logo & Menu Centered in the settings */
.html_header_top.html_logo_center .logo {
    left: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

/* Placement of the two widget added in header [sjm 20180712]*/
div#text-2 {
  left: 50%;
  padding-top: 0;
  position: absolute;
  top: 18px;
  z-index: 999;
}
div#text-3 {
 right: 7%;
float: right;
  padding-top: 0;
  position: absolute;
  top: 24px;
  z-index: 998;
}

/* MAIN NAVIGATION MENU */

/* Let's change the small highlight line under main menu to the light bronze color */
.avia-menu-fx {
    background: #db8a58 !important;
}
.html_header_top .header_color .main_menu ul:first-child >li > ul, .html_header_top #top .header_color .avia_mega_div > .sub-menu { 
border-top-color: #ac2e28 !important; 
}

/* SLIDER ADJUSTMENTS FOR HOME PAGE */

/* Let's remove the white space under the home page slider */
#revolutionslider_1 {
min-height: 0px !important;
}

/* CONTENT, BLOG POSTS, AND PAGES */

/* Underline links in the content */
.avia_textblock a {
text-decoration: underline;
}

/* Let's remove the image at the top of every blog post. We're removing the image for BOTH Enfold options  [sjm 20180530]*/
.small-preview{ display: none !important; }
.post-entry .big-preview{ display: none !important; }

/*Change the default blog post from centered and full justify to left justify, filling 90% of page width   [sjm 20180530]*/ 
#top .fullsize .template-blog .post .entry-content-wrapper > *, #top .fullsize .template-blog .post .entry-content-wrapper { max-width: 90%; text-align:left;}

/* Let's add the underlink for links on page and post content */
.entry-content a {
text-decoration: underline !important;
}

/* In the slider on the home page, this reduces the font size for the headline */
.wprpsp-recent-post-carousel h2.wprpsp-post-title a, .wprpsp-recent-post-slider h2.wprpsp-post-title a, .wprpsp-gridbox-slider h2.wprpsp-post-title a {
    font-size: 18px !important;
}

/* FOOTER WIDGETS */
.widget ul li a {
font-size: 16px !important;
line-height: 1.0;
}

/* SPECIAL ELEMENTS - CLASSES for HIGHLIGHTS */
.highlight1 {
background-color:rgba(255,255,0,0.3);
}

/* Font size for the buttons - Large */
.avia-button {
font-size: 18px !important;
}

/* Notification box change from uppercase to normal */
.avia_message_box_content {
    font-size: 18px;
    text-transform: none;
}

/* Edit the tabs on the left Trail Report page */
.js_active .tab {
      padding: 50px 16px;
      font-size: 1.8em;
}

/* Let's make the image a square on the events carousel and the event page itself. Actually, this code just makes it fit. */
#ect-carousel-wrapper .ect-carousel-image {
background: #fff !important;
}

.ect-carousel-image img {
object-fit: contain !important;
}

/* Solve the issue with the home page slider layover [20190128 sim] */
.html_header_transparency #top .avia-builder-el-0.avia-layerslider {
    height: auto !important;
}

For my issue, it was still broken when running Enfold 4.7.3 and The Events Calendar (TEC) and TEC Pro 5.0.1. (A suggestion in another similar thread suggested updating to 5.0.1.)

The solution I found was to go to Events > Settings > Display (tab) and then uncheck “Use updated calendar designs.”

Note I do not think this is the default setting for TEC (with that option unchecked.)