Figure in the header

Hello Aigars,

my site is called:

I am still looking for a good solution to make the mascot in the header on the right side nice on mobile-phones. I think that the best solution is, to wipe out the mascot on mobile-phones. Have you an idea, how I can reach that the mascot is no longer visible on mobile-phones (and tablets) ?

Best regards

Add this code to Theme Options - Other - Custom CSS

@media only screen and (max-width: 768px) {
    .hgroup-wrap {
        background: none;

This code will remove background for devices with screen size lower than 768px but will still show background image (mascot in your case) for larger sized devices.

Wonderful, thank you!