Custom CSS voor alleen mobiele (of kleine) apparaten

Beste Joomla'rs,

Ik heb een vraagje... Ondertussen ben ik al aardig handig geworden met Joomla, maar nu loop ik even tegen iets aan waar ik het antwoord nog niet van kon vinden.

Ik heb een website (shop) gemaakt onder www.jaemiclub.com (joomla 5.6.5) en heb de template met custom CSS zo gemaakt als dat deze zijn moest. Nu is alleen het probleem dat wanneer je dit op kleinere apparaten zoals een mobiel bekijkt, dat de aanpassingen die ik heb gedaan niet meer zo lekker uitkomen. Het gaat dan om de strepen die in het template zitten. Deze zitten bij een kleiner scherm niet meer op de plek zoals ze bedoeld zijn. (t klopt dan wel volgens het CSS). (maak je browser maar even op zn kleinst, dan zie je vast wat ik bedoel).

Nu is mijn vraag... Hoe kan ik er voor zorgen dat ik een custom CSS maak, die alleen geldt voor bijvoorbeeld een mobielapparaat. Dat ik kan zeggen... Joh, wanneer het scherm kleiner is dan (ik zeg maar wat) 700px in de breedte dat ie dan het lijntje ipv rechts onder plaatst.

Hopelijk begrijpen jullie wat ik bedoel .

Groetjes Martijn

Hallo,

je kan aparte css aanmaken voor weergave op andere (klein) formaat scherm.

Ze noemen dit Media Queries je kunt hier een uitleg vinden en ook hier

Succes ermee.

Groeten Ron

Je bent mijn held Ron, ik ga er mee aan de slag ! Tnx