Forums - Print Thread - Interactive Calendar does not look good on phone

Forums » List all forums » » Forum: Webmaster's Corner » » » Thread: Interactive Calendar does not look good on phone
Print at Apr 23, 2024, 12:01:07 PM	View all posts in this thread on one page

Posted by billteale1010 at Jun 27, 2016, 6:10:17 PM

Interactive Calendar does not look good on phone
I have set up an example for my customer at http://sigwebdesign.com/fireflies/calendar.php - the calendar works lovely, and looks great on large screens, but on mobule devices it flows off the screen and throws the page off.

I'm using bootstrap3, can you advise any way to make the calendar fit within that framework?

Thanks!

Posted by support at Jun 28, 2016, 4:53:37 AM

Re: Interactive Calendar does not look good on phone
I think you made the right choice with the responsive iframe, but the calendar still can only get so small b/c of the size of the fonts for items like the month-label.

You can use our custom CSS hooks (http://www.localendar.com/docs/display/lc/Custom+Calendar+CSS) to change the font sizes, but I think you might also want to change the calendar so that it changes to a list-style view automatically when it's displayed on a mobile device. Have a look here: http://www.localendar.com/docs/display/lc/Making+your+calendar+responsive and let me know how you make out.
----------------------------------------
Marc Higgins
Support Associate, localendar.com
Follow us on Twitter! http://www.twitter.com/localendar_news