opgelost Module posities wijzigen afhankelijk van device (responsive)

Ik heb de volgende uitdaging. Ben met een webshop (Hikashop/Joomla) bezig waarbij ik in de linker zijbalk de winkelwagen en het artikel/categoriemenu plaats. Dit ziet er op alle schermen perfect uit m.u.v. mobiele telefoons. Hier verschijnen nu de genoemde modules boven de content. logisch. De modules vast in de rechter rzijbalk plaatsen vindt ik geen optie.

Ik zou op een mobiele telefoon de modulepositie willen wijzigen van linker zijbalk naar de rechter zijbalk. maar dan wel op een manier dat de module echt verhuist en de linker zijbalk dus verdwijnt omdat er geen modules in staan.

iemand hier ervaring mee en/of een oplossing voor?

Dat ligt een beetje aan je template. Als je bijvoorbeeld een template gebruikt gebaseerd op het Warp7 framework, dan kan je dat bij je template instellen. 2 Modules maken, 1 links en toewijzen aan bepaalde schermgroottes en 1 rechts en toewijzen aan de kleinere schermgroottes.
Je kunt anders ook met module class suffixes werken en met css en mediaqueries e.e.a. instellen.

Astrid bedankt. Jouw antwoord heeft me op het goede spoor gezet.
Heb het uiteindelijk opgelost door het template uit te breiden met een rechter zijbalk (deze komt op mobile onder de content en heeft dezelfde styling als de linker zijbalk). De beide modules gekopieerd en de kopieën in de rechter zijbalk gezet.
Vervolgens met een media query de betreffende zijbalken aan/uit gezet met display:none.