Calendar - Hide excerpt on mobile when visitor clicks calendar date (IE show event title only)

As stated in title, I'd like my visitor to only see the event title when they click(hover?) on the calendar date on mobile (my excerpts are long and overflow to other blocks. Desktop view looks fine. Looking for CSS.

Thank you in advance for any assistance.

Try adding this to Design > Custom CSS

/* Mobile calendar hide excerpt */
@media screen and (max-width:767px) {
	.yui3-squarespacecalendar .small-layout .flyoutitemlist {
		display: none !important;
}
}

Thanks @tuanphan, that seems to completely hide the title as well. However, I've gone with the solution of making the calendar only 6 wide (leaving a blank column on each side).  This causes only the titles to display and works for me even though the calendar is pretty small.

Thanks again!

So did you solve or still need help to hide title?