Wordpress - Visual Composer responsive design kolommen

[pyro-tukker]

Ik ben met mijn website bezig en ik kan maar niet vinden of het mogelijk is of niet.

Ik heb twee kolommen naast elkaar. Een plaatje en een tekstblok. Dit wordt door Visual Composer automatisch omgezet naar een responsive design. Echter ik krijg het maar niet voor mekaar dat de volgorde van de kolommen anders is.

Nu zie je op je mobiel namelijk: plaatje en daarna pas de tekst. Maar ik wil graag dat mobile eerst de tekst komt en daarna het plaatje. *op een normaal scherm zie je dus links het plaatje en rechts de tekst.

Iemand die mij hierbij kan helpen.

[Aionicus]

Kennelijk zit er in het mobiele stuk van het thema dus een verkeerde html opbouw.

Als het goed is (ik werk niet echt heel veel met wordpress, eerder zelfbouw) heb je in wordpress ergens een optie dat je de mobiele opbouw kan zien (van de html die visual composer aanmaakt).

ik vermoed dat het thema via media queries gewoon de width van de elementen op 100% zet op het moment dat het scherm kleiner is dan xx px.

Je zal zien dat de opbouw in code taal dan iets is in de trend van bijvoorbeeld :

code:

<div id="container">
  <div id="plaatje"><img>plaatje bla bla</img></div>
  <div id="tekst"><p> Hier de tekst enz enz </p></div>
</div>

nu moet voor je mobiele menu dus het stukje van het plaatje (in voorbeeld div met id "plaatje") onder de tekst terecht komen. Bij je normale pagina staat het wel goed.

weet niet of je direct hier wat verder mee kunt , in ieder geval success!

[ Voor 9% gewijzigd door Aionicus op 21-01-2016 12:38 ]

[versay]

Niet de beste oplossing, maar waarschijnlijk wel een oplossing die jezelf kan toepassen. Geef in vc aan dat het linker plaatje alleen op de desktop te zien is. Plaats een plaatje onder de tekst en geef hier aan dat het alleen weergegeven mag worden op de mobiel.

[pyro-tukker]

Dankjullie wel voor het meedenken.

Ik heb besloten het plaatje gewoon weg te laten op de mobiel. Scheelt een hoop extra werk.