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}