#header .site-name a { position: relative; display: inline-block; } /* default = SKRYTÉ */ #header .site-name a::after { content: ""; display: none; } /* ZOBRAZÍ SE POUZE KDYŽ JE NA TŘÍDA christmas */ html.christmas #header .site-name a::after { display: block; position: absolute; top: 4%; right: -6%; width: 35px; height: 32px; background-image: url("/user/documents/upload/santa-hat.png"); background-repeat: no-repeat; background-size: contain; pointer-events: none; z-index: 999; transform: rotate(18deg); } /* Mobil */ @media (max-width: 768px) { html.christmas #header .site-name a::after { width: 15px; height: 15px; top: 4%; right: -4%; } }