You could put the calendar into an iframe within your page to prevent the entire page reload.
I have already worked with iframe in WordPress on some other websites and had problem with this feature. Is there any other way to do this without using iframe?
There may be a way with Javascript, but I don’t know offhand.
Can you tell me which term should I search for this javascript function?
I tried with the iframe and it did not work. How can I turn the month-to-month link link back to the anchor link type? This way, the page will continue to refresh whole, but will not return to the top of the page
An iframe works for me, for both the next/prev month arrows and the drop-box selecting the month.
What theme are you using?
I’m using Greatmag theme.
I got it to work using your theme. I added the following to a test page, where the link goes to a page that contains the calendar shortcode.
<div style="overflow:hidden;">
<iframe scrolling="no" src="http://example.com/calendar-page" style="border: 0px none;
margin-left: -20px;
height: 1600px;
margin-top: -480px;
width: 926px;">
</iframe>
</div>
Now it worked, but he was not responsive. Can you check this question, please?
http://www.2em1consultoria.com.br/
Calendar is on the Homepage
Try this for the iframe styles:
` border: 0px none;
margin-left: -20px;
height: 1050px;
margin-top: -380px;
width: 100%;`
It did not work, with this setting, the calendar no longer appears on mobile
You would likely need to add different rules to correspond to the various responsive sizes. It seems like we are trying to fit a square peg into a round hole.
Okay, I’ll try other values. Thank you!