1/** Cowboy template mobile fixes **/ 2 3@media only screen and (max-width: 950px) { 4 5 // Display photo only on screens > 950px 6 7 #cowboyPhoto { 8 9 display: none; 10 11 } 12 13} 14 15@media only screen and (max-width: 42em) { 16 17 #cowboyPhoto { 18 19 display: none; 20 21 } 22 23 // Create a smaller logo 24 25 #cowboyHeader #cowboyLogo { 26 27 font-size: 3em; 28 29 } 30 31 // Display a smaller menu on small devices 32 33 #cowboyMenu ul li { 34 35 margin: 0 0.1em 0; 36 37 } 38 39 #cowboyMenu ul li a { 40 41 padding: 0 .5em; 42 line-height: 1.5; 43 margin-top: 1.5em; 44 45 } 46 47 // Fix a bug on the breadcrumbs 48 49 #dokuwiki__header div.breadcrumbs { 50 51 margin-bottom: 0; 52 53 } 54 55}