Calendar displays both desktop version and mobile version

Hi,

I'm not sure whether this falls under a plugin issue or whether this is a theme issue. On my page www.tompkinschoir.com/2022/, I have displayed a calender about half way down the page. On the desktop version this calendar defaults to standard calendar layout (grid) view. I have created a second section immediately below the desktop/tablet section that is set to mobile only. In it I have set the calendar to display in list format.

The problem I am seeing is that when I change the view of the desktop version of the calendar to list view, it suddenly includes the mobile list view as well directly below the list view for the desktop The desktop view only shows the current month's events, while the mobile version lists events for 5 months. So you see two lists.

If I change the calendar view on the desktop back to Grid view, then I get two grid view calendars one above the other. If I reload the page, then it displays correctly again.

You can test this by selecting a month that has some events (September).

I need the mobile view to not get added to the desktop version of the site when changing the calendar view.

Comments

Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.