Support » Plugin: Event Calendar - Responsive Calendar » Events not displaying in mobile

  • Resolved bremarie86

    (@bremarie86)


    this plugin has been working great on computer, but the events do not show up when using a mobile device-the calendar is just blank.

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author totalsoft

    (@totalsoft)

    Hello, dear bremarie86.

    We checked. Everything on your site works fine. We do not see such a problem on Your page. Your events have normal shown. You just have a white background of the event and maybe that’s why You thought so.

    Thank you.

    bremarie86

    (@bremarie86)

    You think it works fine on a mobile device? No events are showing up when using a mobile device https://photos.app.goo.gl/XpUWDEig8JB5x1KW7

    • This reply was modified 6 months ago by  bremarie86.
    Plugin Author totalsoft

    (@totalsoft)

    Dear bremarie86.

    Our team will try to solve this problem. Please wait a little. We find a phone example that does not show the event.

    Thank you.

    Plugin Author totalsoft

    (@totalsoft)

    Hello, dear bremarie86.

    To solve your problem, edit the widget.css file of the plugin. Please find this code: it is located in the 69th line.

    @media (min-width: 600px)
    {
    .monthly-day-event { padding-top: 20px; }
    .monthly-day-event:before { padding-top: 77%; }
    .monthly-day-event > .monthly-indicator-wrap { width:auto; max-width: none; }
    .monthly-indicator-wrap { padding:0; }
    .monthly-day .monthly-event-indicator { display: block; margin: 0 0 1px 0; width: auto; height:20px; font-size: 10px; padding: 4px; border-radius:0; overflow: hidden; text-overflow: ellipsis; text-shadow:0 0 2px rgba(0,0,0,.2); text-decoration: none; line-height: 1em; white-space: nowrap; box-sizing: border-box; }
    }

    There, delete these codes

    @media (min-width: 600px)
    {

    and

    }

    Which is at last.

    bremarie86

    (@bremarie86)

    Do I need the full version in order to edit the code? I am currently just using the free version.

    donpro

    (@donpro)

    I posted about this bug just a few minutes ago and now see this post. The file can be edited using the back-end admin, cPanel file manager, or FTP and a text editor. However, this is not a good solution as it should be fixed in an update.

    That being said, the plugin does not work on mobile devices and so is unusable hence I would like to fix it now and wait for an update at a later date. I do not understand your solution above, what am I deleting?

    Is it the entire code?
    Is it just the open/close tags that restrict the code to devices under 600px? This means it will affect larger devices???

    Please clarify how to fix this.

    donpro

    (@donpro)

    This edit works as you can now see partial text for events (no point). I’m not sure it;s the best solution but it is OK for now.

Viewing 7 replies - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.