title: How to fix 'Mobile devices doesn't populate json events'
body: <p>For some reason calendar doesn't populate json events on mobile devices.</p>
  
  <p>I tried this page using Chrome and Safari for iPhone 7 but it doesn't work properly.</p>
  
  <pre><code>countExtra = 0;
    document.addEventListener('DOMContentLoaded', function() {
      var calendarEl = document.getElementById('calendar');
  
      var calendar = new FullCalendar.Calendar(calendarEl, {
        plugins: [ 'interaction', 'dayGrid', 'timeGrid', 'list' ],
        header: {
          left: 'prev,next today',
          center: 'title',
          right: 'dayGridMonth,timeGridWeek,timeGridDay,listWeek'
        },
        defaultDate: '&lt;?=date("Y-m-d")?&gt;',
        editable: false,
        navLinks: true, // can click day/week names to navigate views
        eventLimit: true, // allow "more" link when too many events
        events: {
          url: '/wp-content/themes/bridge-child/calendar/routines.php?categories=&lt;?=$_GET["categories"]?&gt;&amp;q=&lt;?=$_GET["q"]?&gt;',
          failure: function() {
            jQuery("#errorMessage").css("display", "block");
          }
        },
        loading: function(bool) {
          document.getElementById('loading').style.display = bool ? 'block' : 'none';
        }
      });
      calendar.render();
    });
  ```javascript
  I don't see any error messages.
  </code></pre>