I’ve found that some themes seem to like to use display:block on ul elements, which breaks the drop-down stuff.
Note: Ai1ec 2.1 has a lot better mobile support, and hopefully will be out soon (I’m testing a beta – 1-2 small bugs but overall good experience so far).
I think I’ve found the problem. If I add the calendar to a page using a shortcode
[ai1ec view="monthly"]
and then add some blank lines below, the menu works – in a manner of speaking. It looks like the button’s menu cannot show from page to footer or from page to widget/sidebar. Therefore, I think it’s daft to have its position at the bottom right with the drop down menu coming down and right!
Is there some way to reposition the button to the top left or the bottom left?
You can see the effect here:-
With the calendar on it’s own page as set in the ai1ec settings:-
http://bhdbl.org/calendar-2/
With the calendar on a page as a shortcode with spaces underneath:-
http://bhdbl.org/calendar/
As you can see, the menu works but is missing the rest of it due to the sidebar and the footer. This is the same on a couple of sites I manage, both with different themes.
If I can move the drop down “subscribe” button to the top left or bottom left then it should work.
This is then your theme limiting the area that the text box can show (ie: it’s stopping display outside the area of the content box, even if something explicitly says it wants to do that.
You could probably override the problem with some CSS.
I’m not an expert at CSS at all so would need some guidance. Ideally I would like to move the button to the left – since the drop down menu goes to the right it would make sense to have the button on the left to avoid this issue.
I’ve managed to do it using a child calendar theme. Quite simple after all and is outlined here:-
Basically, it’s like creating a child theme for the WordPress site but for the calendar. Copied the calendar.twig file to the child folder and edited one line. Now the subscribe button is on the left and works well.
