@media only screen and (max-width: 600px) { /* compress search box on mobile, expand when focused */ .searchbox input[type="search"] { width: 15%; -webkit-transition: width 100ms; -moz-transition: width 100ms; -o-transition: width 100ms; transition: width 100ms; } .searchbox input[type="search"]:focus, .searchbox input[type="search"]:active { width: 155px; } /* do not show display name on mobile when profile picture is present */ #header .avatardiv.avatardiv-shown + #expandDisplayName { display: none; } }