Support » Plugin: Modern Events Calendar Lite » Shortcode issue with small container width

Shortcode issue with small container width

  • Resolved jagajo

    (@jagajo)


    2 years, 10 months ago

    Password: #time

    Hi there,

    first of all thank you very much for the great plugin! I am having an issue with integrating a shortcode into my site. After adding the shortcode into a container (size: 30%) on the right side of my page, the monthly calendar and the according events are displayed beside each other. However, due to the small width of the container, it would be useful to display the selected events below the calendar. The behaviour does change when reducing the overall screen width. Is it possible to arrange the two elements (monthly calendar & corresponding events) from horizontal to vertical according to the size of the container instead of the size of the screen?

    Thanks in advance for your support,
    Johannes

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor webnus

    (@webnus)

    2 years, 10 months ago

    Hi @jagajo,

    Thank you for contacting us,

    Would you please provide us with some screenshots and images of the errors you faced step by step?
    I would then forward it to the developer team to fix the issues in the upcoming updates.
    There is nothing to be worried about, we will fix the issues, I also appreciate you for reporting the issues.
    Please provide us with more details, screenshot or any documentation so we can find the issue.

    Best Regards

    Thread Starter jagajo

    (@jagajo)

    2 years, 10 months ago

    Hi @webnus
    Thank you very much for the feedback. Please find a screenshot of the problem under the following link:
    https://sponeo.de/wp-content/uploads/2020/03/Shortcode-Issue.png

    As you can see, the shortcode does not behave according to the container width. Please also find a Screenshot of how it should look like:
    https://sponeo.de/wp-content/uploads/2020/03/Shortcode-Solution.png

    Thanks in advance for your support,
    Johannes

    Plugin Contributor webnus

    (@webnus)

    2 years, 10 months ago

    Hi @jagajo,

    Thank you for providing details,

    Actually I recommend you, use the Widgets for doing that, but now for fix your issue, you can simply add CSS below to MEC Settings > Custom CSS:

    #mec_skin_5847 .mec-calendar .mec-calendar-topsec {display: grid;}
#mec_skin_5847 .mec-calendar .mec-calendar-side {width: 100%;}

    Clear cache and check it out again,

    Please keep me posted

    Best Regards

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Shortcode issue with small container width’ is closed to new replies.

Views