responsive webdesign

Is het mogelijk om op een eenvoudige manier een bestaande website (Joomla 3.9.14, eigen template gemaakt met Artisteer3) die niet responsive drive is om te zetten in een responsive website zonder een nieuwe website te moeten bouwen? Bestaat daar een scriptje voor en zo ja waar moet dit dan toegevoegd worden?
Edit Astrid: Ik heb je topic verplaatst naar het juiste forum.

Namens het Joomla!NL team heet ik je van harte welkom op dit forum.

Artisteer zou ook responsive moeten zijn. Maar dat moet je dan wel bij het ontwerpen aangeven volgens mij.
Anders zou ik een andere responsive template kiezen. Je moet dan alleen je moduleposities aanpassen, maar dat is niet zoveel werk.

Is protostar een responsive template?

De template die ik nu gebruik is een eigen ontwerp.
In de map templates staat een map met mijn template en daaronder vind ik in de submap CSS een bestandje template.responsive (kan ik openen: kladblok).
In de map met mijn template staat ook een javascript script.responsive (kan ik wel niet openen).
Toch is mijn website niet responsive.

Ja, Protostar is responsive. Maar het kan ook zijn dat je template wel responsive is, maar dat je bijvoorbeeld gebruik gemaakt hebt van inline opmaak of zoiets, waardoor responsive niet goed werkt. Een link naar je site zou meer duidelijkheid kunnen geven.

MIjn website:

www.ntsv.eu .

Groeten,
chana61

Precies wat ik dacht. Je template is wel responsive, maar je hebt zoveel handmatige opmaak en verkeerd ingestelde tabellen gebruikt dat e.e.a. door elkaar komt te staan.

Bedankt!!!

Ga op zoek om dit aan te passen. Mocht ik het niet vinden neem ik terug contact op.

Groeten,
chana61

In ieder geval eerst de tekst die je wil hebben van de pagina kopiëren en plakken in Kladblok of Notepad.
daarna je hele artikel leegmaken.
Vervolgens de tekst weer terugplakkren in het schone artikel.
Als het goed is heb je nu geen code mee gekopieerd.

Opmaak van letterdiktes, cursief of kleuren doe je vervolgens alleen met css vanuit het template.

De onderwerpen in de menu's in de beide kolommen worden nu correct weergegeven zowel op smartphone en tablet.

Met het hoofdmenu heb ik wel nog een probleem. Het hoofdmenu (horizontaal) is een 'openvallend menu'. Heb hiervoor destijds gekozen omdat bezoekers met slechts 1 klik verwijderd zijn van het onderwerp dat men wil bekijken.

Op smartphone en tablet wordt hiervoor een blokje met streepjes weergegeven. Als ik het vakje desktopsite aanvink onder de 3 streepjes in de rechterbovenhoek dan verschijnt het menu wel en kunnen de onderliggend items bekeken worden. De onderwerpen worden wel mooi weergegeven op smartphone en tablet.

Hoe kan ik het openvallend menu aanpassen voor smartphone en tablet?
De template heb ik gemaakt met Artisteer3 maar ik beschik niet meer over dat programma.

www.ntsv.eu

Ik raad je echt aan om afscheid van dat template te gaan nemen.
Artisteer wordt namelijk al jaren niet meer doorontwikkeld.
Ga op zoek naar een ander template dat al zo veel mogelijk aan je wensen voldoet en pas het daarna middels css aan zodat het is geworden zoals jij het wil hebben.

En even ver die menu's...
Op een tablet en smartphone heb je geen muis en kun je dus niet over een menu-item heen om het open te laten vallen.
Op die apparaten moet je zo'n menu-item dus altijd eerst aanklikken voordat het opent.