Title: Shortcode issue with small container width
Last modified: March 15, 2020

---

# Shortcode issue with small container width

 *  Resolved [jagajo](https://wordpress.org/support/users/jagajo/)
 * (@jagajo)
 * [6 years, 2 months ago](https://wordpress.org/support/topic/shortcode-issue-with-small-container-width/)
 * 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](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fshortcode-issue-with-small-container-width%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  Plugin Contributor [webnus](https://wordpress.org/support/users/webnus/)
 * (@webnus)
 * [6 years, 2 months ago](https://wordpress.org/support/topic/shortcode-issue-with-small-container-width/#post-12569195)
 * Hi [@jagajo](https://wordpress.org/support/users/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](https://wordpress.org/support/users/jagajo/)
 * (@jagajo)
 * [6 years, 2 months ago](https://wordpress.org/support/topic/shortcode-issue-with-small-container-width/#post-12575120)
 * Hi [@webnus](https://wordpress.org/support/users/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](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](https://sponeo.de/wp-content/uploads/2020/03/Shortcode-Solution.png)
 * Thanks in advance for your support,
    Johannes
 *  Plugin Contributor [webnus](https://wordpress.org/support/users/webnus/)
 * (@webnus)
 * [6 years, 2 months ago](https://wordpress.org/support/topic/shortcode-issue-with-small-container-width/#post-12593090)
 * Hi [@jagajo](https://wordpress.org/support/users/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.

 * ![](https://s.w.org/plugins/geopattern-icon/modern-events-calendar-lite_e2f4ff.
   svg)
 * [Modern Events Calendar Lite](https://wordpress.org/plugins/modern-events-calendar-lite/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/modern-events-calendar-lite/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/modern-events-calendar-lite/)
 * [Active Topics](https://wordpress.org/support/plugin/modern-events-calendar-lite/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/modern-events-calendar-lite/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/modern-events-calendar-lite/reviews/)

 * 3 replies
 * 2 participants
 * Last reply from: [webnus](https://wordpress.org/support/users/webnus/)
 * Last activity: [6 years, 2 months ago](https://wordpress.org/support/topic/shortcode-issue-with-small-container-width/#post-12593090)
 * Status: resolved