Hi
Using your plug in love the way the look is on desk top but when comes to mobile performance the calendar listing before events is problematic. Is there a a way to switch what appears first - so putting the events before the calendar on the mobile view?
If so, how?
Thank you!
Hello @Olson, @ol
Thanks for asking. 
First, I would like to clarify is that Modern Events Calendar is a bundled plugin. However, it’s not a Themeco developed plugin. Plugin is developed by http://webnus.net/.
Please note plugin customisation falls outside the scope of the support we can offer. If there is minor issues then we can hep you with that. Can you please share exact page URL, so we can take a closer look?
I tried loading your website (URL in secure note) but on my end it’s not loading up.
Thanks.
Hey thank you for clarifying. I did originally try to ask webnus tech support but they required a download code for purchase of plugin but because the plugin in came with the purchase of your theme I did not have that code - how do you recommend I get tech support from them? Do you have a direct customer service email?
Thank you again for your help.
Best,
Katrin
Hello Katrin,
Thanks for updating the thread.
Actually without purchasing a fresh licence I don’t think you can get support from webnus.net. As it’s a bundled plugin that comes with Pro Theme, I don’t think you can get support from them.
Hmm, this is turning out to be quite a problematic and frustrating experience for you as there might be lot of back and forth between us (Themeco) and plugin developer. However, please understand that plugin functionality is not in our hand and customisations that we provide may break other visual elements of the website.
However, to help you get started I am sharing the code that you can use under X > Theme Options > CSS:
@media only screen and (max-width: 600px) {
.mec-calendar .mec-calendar-side {
display: table-footer-group;
}
.mec-calendar .mec-calendar-events-side {
display: table-header-group;
}
}
If you would like to learn CSS, I am sharing few resources that you take a look to get started with CSS and an interesting tool that you can use to speed up the development process.
I recommend you to watch following video that will help you to get started with CSS.
Sometimes it can get a bit difficult to find out the right selector to be able to write the required CSS codes. A handy tool that can help you in this is Google Chrome dev tools. I am sharing the resource that you can refer to get started with dev tools.
https://developers.google.com/web/tools/chrome-devtools/css/
Thanks.
Thank you. Unfortunately that did not seem to work. Any other thoughts or tips? Thanks you in advance - appreciate your help.
Hey There,
To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.
Thanks.
hello,
The URL to the my calendar page is https://longevitycolorado.com/index.php/events-2/ Please note, it is when you look at it on a smart device that you can see the actual calendar comes up before the list of events. I would like to switch the order of that so that the list of events appears first. Thank you!
Hi again,
Thank you for providing the URL. Please replace the previously given code with the following code:
@media only screen and (max-width: 600px) {
.mec-yearly-calendar-sec {
display: table-footer-group;
}
.mec-yearly-agenda-sec {
display: table-header-group;
}
.mec-yearly-agenda-sec > div {
padding: 10px !important;
}
}
Let us know how this goes!
Thank you - you are a miracle worker - it worked!!!
Glad we could help.
Cheers!
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.