Switch to mini calendar via media query?

  • bdd

    (@bws-online)


    9 years ago

    I have the setting selected to use the mini calendar on mobile, but I’d also like to have it kick in via media queries when the window gets smaller (because right now the full calendar is getting all smooshed together as the window gets smaller).

    Is there a way to do this?

    https://www.ads-software.com/plugins/my-calendar/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Joe Dolson

    (@joedolson)

    You can’t switch to the mini calendar using media queries, because the mini calendar isn’t a CSS-only change; there are key differences in the HTML, as well.

    You can add whatever media queries you want to apply customizations on small screens, and should be able to accomplish a fair amount that way, with some creative use of HTML in the grid’s event title template.

    Thread Starter bdd

    (@bws-online)

    Thanks. Hope you’ll revise the full calendar to work a little more cleanly on smaller screens in a future release?

    For now I worked out a way to do it by putting the shortcode for the full calendar in one div and the shortcode for the mini calendar in a second div, making the individual divs visible/hidden via media queries.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Switch to mini calendar via media query?’ is closed to new replies.
  • In: Plugins
  • 2 replies
  • 2 participants
  • Last reply from: bdd
  • Last activity: 9 years ago
  • Status: not resolved