Mini Calendar is too large for the sidebar

[Andrea]

Hello.

I already tried the solution at this link to no avail:

The Calendar Widget Overflows a Sidebar

The calendar goes off the screen from screen widths of 976px (the point where it stacks) all the way to 1598px. The tribe-mini-calendar does not stay within the tribe-mini-calendar-wrapper as I believe it should. I have tried solutions that were posted on a few of the questions in your support forum and nothing has worked. Although it works fine with the Twenty Fourteen theme, that is not the one I’m using and I have seen several questions about the way this works with Divi so I would think the conflict would be fixed by now. Please help.

[Geoff B.]

Good evening Andrea and welcome to the Events Calendar Support forum!

Thank you for reaching out to us.

We are sorry to hear about your mini-calendar being too large for your sidebar.
I would love to help you with this topic.

As a first troubleshooting step, could you please provide us with your complete system information in a private reply using the instructions found in the following link?

https://theeventscalendar.com/knowledgebase/sharing-sys-info/

Could you also provide me a direct URL of your website where the mini-calendar is visible so that I can provide you with personalized CSS solutions.

As per your other points, you should be able to have things display properly with Divi and there is no known conflict with it at the current time.
Best regards,

Geoff B.

[Geoff B.]

Hello again,

I hit the reply button a bit sooner than expected my apologies.

I was about to write that Divi’s following CSS rule ( .entry-content tr th, .entry-content thead th  { ) has priority over ( .tribe-mini-calendar th {
padding: 0; because it is more specific.

Please add the !important argument to the following custom CSS rule
.tribe-mini-calendar td,
.tribe-mini-calendar th {
padding: 0 !important;
}

Let me know if that helps.

Have a great day!

Geoff B.

[Andrea]

Sorry for the delay in my response. Thank you for your help Geoff B., but that solution did not work. Also, when I submitted this question, I sent my system information and the link to the site as it was part of the form. Please let me know if you still need it anyway.

Thanks,
Andrea

[Andrea]

Since I have tried everything I can think of to no avail, I went ahead and switched out the mini calendar for the upcoming events list because that fits fine in the sidebar and I need the site to be responsive. If you think of anything else though, feel free to pass it on and I’ll try it out.

Thanks,
Andrea

[Geoff B.]

Good evening Andrea,

Thank you for writing back.

You are right, you did send your system information as part of your initial answer.
However, for some reason, that information cut off before the end.

I believe you will need to scroll down as you select and copy-paste all of the information on that page. Yes, that complete information would be super helpful to assist you.

I am sorry my suggestion did not work and that you had to switch view in the meantime.

What I would like to suggest, so that I can work on that “directly” on your site (using Google Developer Tools) is to create a “dummy” page that is password protected that contains the mini-calendar. Do not add this page to the menu or anything.

I’ll just need the direct URL and the password (preferably in a private reply).

Hang in there as we iron this out.

Best regards,

Geoff B.

 

[Support Droid]

Hey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.

Thanks so much!
The Events Calendar Support Team

[Author]

Posts