@media only screen and (max-width: 600px) { /* hide size and date columns */ table th#headerSize, table td.filesize, table th#headerDate, table td.date { display: none; } /* restrict length of displayed filename to prevent overflow */ table td.filename .nametext { max-width: 80% !important; } /* and to make room for download button on hover */ table tr:hover td.filename .nametext, table tr:focus td.filename .nametext { max-width: 60% !important; } /* on mobile, show single shared image at full width without margin */ #imgframe { width: 100%; padding: 0; margin-bottom: 35px; } }