Calendar Buttons displaced in Chrome

[restoreoregon]

The single event layout has the Google and Ical buttons pushed to the top right of the page instead of down below. And the signup form we are using in the Woo Canvas column layout is moving to the left. This is happening in Chrome, but not Firefox or Explorer.

[Geoff]

Hey @restoreoregon,

Love the site! Sounds like a great organization and mission as well. 🙂

Were you able to resolve the issue on your own? I tried visiting the site in Chrome just now and everything appears to be intact (screenshot). I checked on both Mac and Windows but let me know if you’re still seeing the issue and I’d be happy to keep trying to replicate the issue as well.

Thanks!
Geoff

[restoreoregon]

I managed to figure out a CSS fix. It seemed like part of it might be an issue with the Canvas column setup and the update.

Here’s my fix for the calendar buttons:

/*fix floating calendar buttons for Chrome*/

@media screen and (-webkit-min-device-pixel-ratio:0) {

.single-tribe_events .tribe-events-cal-links {
display:block;
margin-bottom:1.75em;
width:33%;
}

.tribe-events-event-image + div.tribe-events-content {
width:100% !important;
}
}

[Geoff]

Right on! I’m so glad to hear everything is working smoothly and I appreciate you following up to let us know. Definitely keep us posted if any other questions come up and we’d be happy to help. 🙂

Cheers!
Geoff

[Author]

Posts