Events Calendar Widget on Ipad PORTRAIT not resizing properly

[Grant Rollo]

Hi
I have this widget on my homepage and although the responsive view on desktop (all sized), mobile and ipad Landscape all work fine, the calendar on ipad portrait continues into the adjacent column. An ipad in this view is 768px so not sure why this happens. Ive tried the CSS for removing padding but its not working.

How do I tell it to resize for this mode?

[Brian]

Hi,

I can help you out with this.

I see the padding css you added. It appears that the Table cannot get any smaller then that so it overlaps a bit.

Try adding this css to change the font size and that should shrink the table:

@media (max-width: 850px) {
.entry-header, .entry-content .tribe-mini-calendar {
font-size: 10px;
}
}

Add that css to your theme’s stylesheet or through a plugin such as Simple Custom CSS.

That will target the table only after the screen size is less then 850 pixels. You may have to play around with that to get it right and might have to duplicate that coding and change the width to a smaller size to increase the font size again on mobile devices.

Let me know if that helps.

Thanks

[Brian]

Since I haven’t heard back from you here, I’m going to go ahead and close out this thread. Feel free to start a new thread if you have further issues. Thanks! 🙂

[Author]

Posts