Modules uitgeklapt desktop, ingeklapt bij kleinere schermen

Ik ben een template aan het aanpassen in joomla 3.4.3
In de linker zijbalk wil ik graag de modules gesloten weergeven bij kleinere schermen en open bij desktop. De template JA Purity voor joomla 1.5 had dat met driehoekjes naast de titel.
Iemand een idee of daar een methode voor is met bootstrap en jquery ofzo?

De site is nu nog online in joomla 2.5, zie www.gestaltis.nl/

Dat is een zwaar verouderde techniek. Bij de nieuwe mobiele templates komen de sidebars boven of onder de content te staan. Dus ik wil je adviseren om op zoek te gaan naar een goede responsive template.

Ja sorry, ik vergat te melden dat mijn nieuwe template is gebaseerd op protostar.
Bij kleine schermen schaalt hij mooi maar komt de hele linker zijbalk boven de content te staan. Ik vroeg me af hoe die 3 menu's in te klappen. Maar misschien denk ik verkeerd.

Alles wat in de linker sidebar staat komt in principe boven je content te staan. Zijn wel mogelijkheden om het op te lossen. Bijvoorbeeld werken met class suffixes en mediaqueries of met Advanced Module Manager van NoNumber.

Hoi Astrid,
Class suffixes en mediaqueries, ik weet niet hoe de verbinding te leggen tussen het h3 kopje en de ul van het menu, zodat hij in kan klappen. Misschien moet ik er dropdown menu's van maken...
Ik ga eerst naar de advanced modulemanager kijken, alvast bedankt voor het meedenken.

Er zijn erg veel features bij de advanced module manager maar ik geloof niet dat deze erbij zit. Ik heb ook nog gekeken naar sliders, die komt dichter in de buurt van wat ik bedoel.

Nu heb ik een andere methode gekozen:
Ik maak een extra menu, met dezelfde linken als in de zijbalk staan
als navbar bovenin op position-1
als het scherm groter is dan xx extramenu display none
als het scherm kleiner is dan xx geef ik van het sidemenu aan display none

Nadeel is dat ik 2 dezelfde menus heb en de aliassen allemaal een 2tje achter de naam hebben, of dat ik er andere namen voor moet bedenken.

Ik zou graag horen of iemand een betere oplossing weet..

Moet even gokken, maar kan je niet gewoon je side-menu-module kopiëren en met class suffixes werken?

In de zijbalk staan 3 menus, de linken daarvan heb ik gekopieerd en er 1 extramenu van gemaakt.
Ik begrijp niet hoe je bedoelt met class suffixes te werken, kun je een voorbeeld geven?

Ik dacht dat je met 1 menu werkte. Met drie menu's zou het volgens mij ook wel moeten werken als je van elke menu-module een kopie maakt en deze publiceert op position-1. Je huidige mediaqueries zouden dan moeten blijven werken denk ik. Zo niet dan moet je met class suffixes gaan werken.

Ja ik denk ook dat van elke module een kopie maken zal werken in pos-1. Maar dat lijkt me geen voordelen te hebben boven mijn oplossing met 'extramenu'.

Ik heb er ook nog aan zitten denken via een nieuwe functie in mod chrome de modules met queries te laten in en uitklappen, maar hoe dat zou moeten weet ik helemaal niet.

Voorlopig laat ik het maar zo, ...

Ja natuurlijk heeft dat voordelen. Dan ben je van dit probleem af namelijk:

Nadeel is dat ik 2 dezelfde menus heb en de aliassen allemaal een 2tje achter de naam hebben, of dat ik er andere namen voor moet bedenken.

Aha!!! Dat wist ik niet, ik dacht dat alle links dan ook vanzelf een kopie werden.
Dan ga ik anders denken,
als ik nu in de linkerzijbalk 1 menu maak en het zo stijl alsof het 3 modules zijn.
Daarna die module kopieren en in pos 1 hangen.
idee?