Events calendar pro mini calendar not fully responsive

[vtweb]

I am trying to shrink the mini calendar widget and none of the code I alter or edit is making the size change. It is also breaking my site in many widths. Is there any way for me to edit the width of the mini calendar?

[Geoff B.]

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

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

The short answer is yes. You can edit the width to your liking.

Typically this is done via CSS. That can vary from theme to theme.

Try adding the following CSS rule to your style.css file or in your Custom CSS metabox:

.tribe-mini-calendar-wrapper {
width: 80% !important;
}

If that does not work, could I get credentials to get passed your login page at https://aemployees.wpengine.com
(via a private reply).

Let me know how that goes.

Best regards,
Geoff B.

[vtweb]

This reply is private.

[Geoff B.]

This reply is private.

[vtweb]

This reply is private.

[Geoff B.]

This reply is private.

[vtweb]

This reply is private.

[Geoff B.]

Good afternoon Ryan,

I just ran some tests and the mini-calendar is now fully responsive on your site as can be seen here: https://www.alchemistemployees.com/wellness/

One thing that would be nice to add as another CSS change is

.tribe-mini-calendar div[id*='daynum-'] a {
padding: 0 0 15px 0 !important;
}

If that is still not working for you, would you mind trying a private browsing window ?

Let me know how that goes.

Best regards,
Geoff B.

[vtweb]

Thanks! Works perfect now.

[Geoff B.]

Good morning Ryan,

I am super stoked to hear that.

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