Calendar widget not responsive

[commbee]

Hello

I purchased the Events Calender Pro plugin because I want to add a Events calendar on my websites dashboard.

When I add the Events Calendar widget to the dashboard everything looks great on a big screen monitor.
However when I visit my site on a “normal” laptop screen, an iPad or a smartphone; the Calendar doesn’t fit and is overlapping the other widget – who fit.

How can i make it responsive please?

Thanks in advance,
Regards,

Bart

[Jaime Marchwinski]

Hi Bart,

Thanks so much for reaching out!

Do you see the same issue if you switch to a default WordPress theme, like ‘Twentyseventeen’?

You may need to adjust some of the styling within your various breakpoints, as outlined in our Themer’s Guide:

https://theeventscalendar.com/knowledgebase/themers-guide/

Let me know how that goes!

 

Thanks,

Jaime

[commbee]

Hello

Thank you very much for you message.

I switched to default WordPress theme Twentyseventeen and added the calendar widget in the sidebar.
This fits perfectly.
Changing the theme back tot Thrive intranet theme breaks the responsiveness of the calendar widget again…

What do you mean with “adjust some of the styling within your various breakpoints”?
In the provided document I can not find out where en what CSS code I need to add…

Thanks for the help,

Regards,
Bart

[Jaime Marchwinski]

Hi Bart,

Okay, thanks for going through that testing.  This indicates that the issue is with your theme here.

Just to let you know, we are limited by our Support Policy in how much we can help with theme customizations, but I will try to point you in the right direction.

As a first step, I’d recommend taking a look at your stylesheets and page templates and see if altering these settings helps you to achieve the results that you are looking for:

https://theeventscalendar.com/knowledgebase/stylesheets-and-page-templates/

If that doesn’t help, the following section of the Themer’s Guide can help guide you on how to change your mobile styles:

https://theeventscalendar.com/knowledgebase/themers-guide/#responsive

Let me know if that helps!

 

Thanks,

Jaime

[commbee]

Hello Jaime

I tried altering Stylesheets and Page template settings, but this did not had any effect on the responsiveness.

I don’t understand what is meant in the document of the second link you send.
I have no idea what or where I need to edit these code.

I will contact the theme developer, and I hope he can help me with this.
Otherwise, I need to cancel my order and ask for refund.

Best regards,
Bart

[Jaime Marchwinski]

Hi Bart,

Okay, let me know how it goes with the theme developer.  If you need further assistance, I can try to point you in the right direction.

 

Thanks,

Jaime

[commbee]

Hello Jaime

Problem solved: the Theme developer came op with a bunch of extra CSS code.
Now everything is looking great and 100% responsive.

Regards,
Bart

[Jaime Marchwinski]

Glad to hear it, you are welcome back in our support forums any time!

Since this issue has been resolved, I am going to close this thread.

Have a great week!

[Author]

Posts