Viewing 4 posts - 1 through 4 (of 4 total)
-
Posts
-
My website is located at:
http://www.bmicharter.org/events
I can’t figure out why the calendar menu dropdowns extend into the header, rather than sit flat on top of the calendar grid view.
Can you assist?
I’ve tried to search and find other people having this issue, and I’m not sure what’s causing this.
Hi,
Please add this on your custom.css or Quick CSS
.tribe-events-month-nav select {
float: left !important;
margin-left: 50px !important;
clear: none !important;
}
.tribe-events-next-month {
position: absolute;
left: 270px;
top: 5px;
}
.tribe-events-prev-month {
margin-right: 5px;
position: absolute;
top: 5px;
}Regards,
Ismael
Thanks so much for the help, I’ve used the instructions given to change the dropdown locations.
Here’s a follow up question, how do I go about changing the width of those menus? OR how can I get the arrow on the same horizontal plane as the month wording? For some reason, there’s a separation.
Hi tiperry,
Try using this css instead of the above just to keep things a bit more fluid:
.tribe-events-month-nav {
display: block;
width: 100%;
}
#top #tribe-events-events-month {
float: left;
margin-right: 5%;
}
#tribe-events-events-year {
float: left;
}
.tribe-events-prev-month {
float: left;
margin-right: 2%;
}
.tribe-events-next-month {
float: left;
margin-left: 2%;
}
Viewing 4 posts - 1 through 4 (of 4 total)
- The topic ‘Event Calendar integration’ is closed to new replies.