Volgorde blokken bij responsive

Hoi iedereen
Ik ben sinds vandaag nieuw op dit forum. Dit is dus mijn eerste vraag.
Ik ben een 17-jarige programmeur in opleiding en ben sinds kort bezig met Drupal.

Momenteel ben ik bezig met een Drupalwebsite te maken.
Op mijn website staan links nu twee blokken met rechts ervan de inhoud.
Natuurlijk is deze website responsieve maar wanneer ik deze bekijk op mijn smartphone, staan de twee blokken bovenaan met daaronder de inhoud.

Kan ik deze volgorde veranderen? De inhoud zou vanboven moeten komen.

Alvast bedankt.

mvg
Yorick Scheyltjens

Drupalversie: 
7.x
Auteur: 
Yorick
afbeelding van nordicmaterial
Door nordicmaterial op 22 mei, 2015 - 23:35

HTML:

<div class="container clearfix">
<div class="content">content moet eerst verschijnen</div>
<div class="linkerkolom">linkerkolom float links</div>
</div>

CSS:

@media only screen and(min-width :320px)and(max-width :960px)
{
.content {width: 100%;} /* eigenlijk is een div vanzelf al 100%, je hoeft dit niet noodzakelijk in te stellen*/
.linkerkolom {width: 100%;}
}

@media only screen and (min-width: 961px)
{
.content {float: left; width: 25%;}
.linkerkolom {float: right, width: 75%;}
}

/* CLEARFIX: Automatically clear elements for standards-compliant browsers */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* Trigger has-layout for IE compatibility */
.clearfix {
zoom: 1;
}

www.nordicmaterial.com

Bookmark and Share

Drupal is een geregistreerd merk van Dries Buytaert. | Powered by Pantheon.

Drupal.be/Drupal.nl is de website van de Nederlandstalige Drupalgemeenschap.

onomatopee