Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #25313

    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.

    #126488

    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

    #126489

    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.

    #126490

    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.