Nic727 Posted April 25, 2015 Share Posted April 25, 2015 (edited) Hi, I'm trying to make my calendar responsive and for that I need more than one media query. The problem is that it doesn't work very well. That's my code : @media only screen and (max-width: 500px){span[data-cal-date],.cal-month-box .cal-day-today span[data-cal-date]{font-size: 1em !important;} .text-today{ font-size: 0.6em; }}@media only screen and (max-width: 800px){span[data-cal-date],.cal-month-box .cal-day-today span[data-cal-date]{font-size: 2em !important;} .text-today{ font-size: 0.8em; }} My calendar on my website : http://terra.nicolas-duclos.com/ateliers/ Also, should I remove the "1 event" and "today" from mobile/small calendar? I don't really know what's the best for small calendar... Everything is too ugly. I'm also trying to make cell square when smaller, but it doesn't work with only min-height. Do you have a trick for responsive cell or it only work with media queries? Edited April 25, 2015 by Nic727 Link to comment Share on other sites More sharing options...
dsonesuk Posted April 25, 2015 Share Posted April 25, 2015 You have them the wrong way round with max-width the highest width goes above the lower width. Link to comment Share on other sites More sharing options...
Nic727 Posted April 27, 2015 Author Share Posted April 27, 2015 ok lol. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now