Created
September 21, 2012 17:46
-
-
Save afragen/3762892 to your computer and use it in GitHub Desktop.
The Events Calendar: iPhone CSS
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* iPhone [portrait + landscape] */ | |
| @media only screen and (max-device-width: 480px) { | |
| body { min-width: 550px; } | |
| .tribe-events-thismonth, .tribe-events-othermonth { min-width: 50px; max-width:60px; } | |
| #tribe-events-calendar-header { padding-top: 3em; } | |
| .tribe-events-calendar-buttons { top:0; left:0; } | |
| .tribe-events-calendar-widget td a.tribe-events-mini-has-event { cursor: pointer; } | |
| } |
Mine is pasted inside my-theme/events/events.css file. Does that help?
@squarelovesround, I think we have to use the @username in the post so we get notifications of these.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
HI, thanks very much for posting this. Unfortunately, it doesn't work... when I paste this in my CSS sheet, the width of the website becomes too big for the screen. Maybe I am missing something? Your demo seems to work fine.