Modern Events Calendar: sidebar "on top" when using mobile devices?

Support
#1

Hi! On a mobile device the sidebar moves to the bottom of the page, hiding many important details for my events. Is there a way to move the sidebar up (on mobile devices only)?
Grazie!

#2

Hi There,

Thanks for writing in!
Can you please send you website URL/event page URL so that we can have a look and suggest you a better solutions.

Thanks

#3

Sure!
http://puntosistemi.it/corsi-in-aula/fatturazione-elettronica-b2b/
As you can see, browsing on a mobile device the side bar goes to the bottom of the page…

#4

Hi There,

Please add the following code under Theme Options > JS:

jQuery(document).ready(function($) {
	if( $(window).width() < 768 ){
		$(".single-mec-events article.mec-single-event > div.col-md-4").insertBefore($(".single-mec-events article.mec-single-event > div.col-md-8"));
	}
});

Let us know how it goes!

#5

Perfectly fine!

Mmmm… I was wondering if it was possible to modify your script in order to move that sidebar after the title…

Anyway… It worked, thank you so much.

#6

Hi There,

Please update the previous code to this:

jQuery(document).ready(function($) {
	if( $(window).width() < 768 ){
		$(".single-mec-events article.mec-single-event > div.col-md-4").insertAfter($(".single-mec-events h1.mec-single-title"));
	}
});

Hope it helps :slight_smile:

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.