Not mobile responsive at all

  • Resolved rinh

    (@rinh)


    5 years, 6 months ago

    Greetings,

    I’m unable to get the calendars to be mobile responsive, but it seems they’re supposed to be since it says so on the plugin’s official website.

    The page is local, but I’ll link an image of the issue:

    Image of the issue

    In the example I’m using the Modern skin and most of the calendar flows outside of the view width on both mobile and tablet, creating a horizontal scroll. This happens to all skins.

    Thank you in advance.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter rinh

    (@rinh)

    5 years, 6 months ago

    I found the issue in the CSS

    .mec-calendar-side
    min-width: 600px !important;

    The min width here causes the calendar to not adjust properly for various small devices. However I’m not sure what to do about it yet as I can’t delete this line.

    Plugin Contributor webnus

    (@webnus)

    5 years, 6 months ago

    Hi @rinh,

    There is a horizontal scrollbar. however, with the CSS below you can disable it:

    @media only screen and (max-width: 767px) {
    .mec-calendar-side {
        min-width: 100% !important;
    }
}

    Also, this is forwarded to the developer team and it will be checked and improved for the next updates.

    Best Regards

    Thread Starter rinh

    (@rinh)

    5 years, 6 months ago

    Hi and thank you for your answer.

    I added some media query CSS for mobile and tablet and it worked out great.

    Despite some weird device breakpoints I have to say the plugin seem pretty awesome so far and very feauture rich.

    Plugin Contributor webnus

    (@webnus)

    5 years, 6 months ago

    You’re welcome,

    If you are happy with our product please don’t forget to leave a 5-Star rating for MEC Plugin: https://wordpress.org/plugins/modern-events-calendar-lite/

    Best Regards

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Not mobile responsive at all’ is closed to new replies.