Script verbergen voor mobiele gebruikers

Dag dag!

Ik ben opzoek naar iemand die me verder kan helpen met mijn website.
Bekijk even onderstaande pagina:
http://treasurexpert.com/index/

Je ziet dat op je computer de pagina er netjes en verzorgd uitziet en alle objecten staan waar ze horen.
Nu op mobiele apparaten is het echter een ander verhaal..

Spoiler tonen

Ik heb zelf al even lopen knoeien maar geraak er niet helemaal wijs uit.
Origineel CSS bestand:
Stylesheet.css
Mijn probeersel (zie lijn 1-4):
Smallscreen.css

Wat ik verwacht?
Optie 1: De counter verbergen van de pagina voor ALLE handheld/mobiele apparaten
Optie 2: De counter herpositioneren + de pagina optimaliseren voor ALLE handheld/mobiele apparaten

Indien je hier verstand van hebt.. een reactie nalaten of een berichtje sturen zou super zijn.
Beloning mag je uiteraard verwachten
Tot binnekort

misschien dit gebruiken ipv wat jij had?
.flip-clock-wrapper {
text-align: center;
position: relative;
width: auto;
margin: 1em;
width: 690px;
}

en de inline style van ixed; left:23%; "> verwijderen. Dan staat hij goed op computer en op telefoon. Mocht je het nog beter responsive willen moet je met @media werken.

Keffe schreef:

misschien dit gebruiken ipv wat jij had?
.flip-clock-wrapper {
text-align: center;
position: relative;
width: auto;
margin: 1em;
width: 690px;
}

en de inline style van

ixed; left:23%; "> verwijderen. Dan staat hij goed op computer en op telefoon. Mocht je het nog beter responsive willen moet je met @media werken.

Tip, we hebben tegenwoordig voor inline-code een UBB-tag [c]