- This topic has 16 replies, 3 voices, and was last updated 11 years, 2 months ago by
.
-
Posts
-
I think our site might have a javascript conflict, but I’m not having success trouble-shooting it. The issue I’m finding is that in the mobile view, the days of the week do not shorten to the 3 letter week names (ie. Monday to Mon) and therefore overlap the calendar blocks. Also, when there is an event on a date, a circle/dot is placed on the day of the week. In mobile view, clicking that dot does not launch the event(s). It instead does nothing.
We use a password protected development site and have a live site of our web site. Although the dev site has a much “prettier” styled event calendar active, this functionality issue is on both sites. If you wind up needing access, please let me know and I can give you the credentials of our dev site (not currently listed below in private info).
Hi culturecheese,
Working on your test site – so as to avoid disruption to the live site – can you run through our standard troubleshooting steps and see if you can pinpoint what might be triggering this behaviour?
Let me know how you get on!
Hi again culturecheese, thanks for investigating – that narrows the field down a little.
So at least one problem I can see is that your theme does not appear to use or apply body classes, which is a best practice for themes and can be a source of problems if it is missing.
Adding this is usually as simple as converting the following line (often contained in a theme’s header.php template):
<body>To:
<body <?php body_class() ?>>You can read more about the role and usage of this function here:
codex.wordpress.org/Function_Reference/body_class
Can you give that a shot and does it help with this problem?
Am I correct in thinking you have overridden and customized the month/loop-grid.php template and if so can you try restoring the original and see if that corrects this behaviour?
It looks as if various elements that I would normally expect to be present are absent and in this case that means the abbreviated day names cannot be displayed.
OK, so that gets us closer and you will probably want to review your modified loop-grid.php template before restoring it once we’re done troubleshooting: though your changes there weren’t solely “to blame”, it certainly looked as though they would have triggered this by themselves even if nothing else was amiss.
It does seem something else is compounding things, though, and my next suggestion is to check that your theme includes a wp_footer() call. Just as with body_class() it is a best practice for themes to include this and omitting it is likely to cause problems with various plugins and even the normal operation of WordPress.
Does that help?
Hi culturecheese 🙂
Can I ask first of all that you avoid private replies unless you are sharing confidential information? Topics like this could be useful for others in a similar position in future, but by marking all your replies private it makes it much harder for others to read through and get value from the topic — thanks!
So the next issue is that you have two different versions of jQuery being enqueued. This is triggering a type error and breaking various things as a consequence. What I’d strongly recommend is that you use just the version that ships with WordPress: that way, so long as you are running a supported version of WordPress, it is guaranteed to be a version that our plugin can work with.
If you really need to use this earlier version you can try it by itself, but you’ll have to take care of preventing the version that ships with WordPress from being enqueued at the same time.
Let me know if get to the point where you actually need access to the files too. We appreciate your continued assistance.
I’m not sure that would be appropriate in this case.
Of course we’re always happy to try and point you in the right direction and highlight any obvious problems (and hopefully resolving this last issue with jQuery will get us where we need to be) but ultimately what we’ve been doing in this topic is addressing a set of no-nos within your custom theme rather than failings in our plugin.
Really it is the theme author’s responsibility – whether that is you or someone working on your behalf – to bring things into line with current best practices and I wanted to highlight that just because, I’m afraid, we’re beginning to reach the limit of how much support we can offer for this set of issues.
In any case, hopefully sorting out the jQuery issue is the last hurdle and resolving that will fix things up nicely 🙂
Let me know how you get on!
I’m battling the same issue… what sucks is that 45% of my page viewers are on mobile.
I have the correct <body <?php body_class(); ?>> in my header.php too.
With all his private replies, I don’t know what else to do.
Jon
Try this on mobile and see if anything looks wrong.
Hi Jon: I’m sorry you’re facing similar problems but it would be appreciated if you could create a new topic of your own. It helps us to ensure fair service to all of our users and also avoids confusion that can arise when helping multiple users through different stages of the troubleshooting process 🙂
Thank you.
Joe – yes, your calendar is doing the same thing in mobile as our calendar. The days of week overlay and the dots do not pull up the list view as in THE EVENTS CALENDAR demo calendar.
Our theme was missing the wp_footer() call and body_class() – but adding them has not fixed the issue. It appears we have jquery called twice, but removing that extra call is not fixing the issue. We have no override php files in our custom folder – just CSS and turning it off and on does not fix the problem.
I’m noticing in our WP Admin area that the events and event slugs were both events. I’ve fixed that, but the mobile issue persists.
What I’m noticing between Joe’s site and ours is perhaps the multiple jquery calls and the use of the owl carousel…
Hi there culturecheese,
Apologies for the long delay however we were out for our annual team trip and didn’t have time to update this topic.
Can I ask if you still need assistance? I did just check in on your dev site and see the abbreviated days are still not appearing, but it looks like that may be because you are back to using a custom template that removes the needed attributes for this.
- The topic ‘Mobile View Issue: Days of week not shortening and dots not opening events pages’ is closed to new replies.