Make WordPress plugin grid column responsive

Grid columns (http://wordpress.org/extend/plugins/grid-columns) is a great wordpress plugin for using columns. The problem is that it is not responsive. But that is easy to solve. Just add this to you responsive CSS:

@media (max-width: 700px) {
.column-grid .column, .column-grid .column-first, .column-grid .column-last { float: none; }
body .column-grid .column { width: 100%; }

}

”body” can be changed to example ”#container” if you´r using a container div with that id.

”max-width: 700px” can of course be changed to you own width.

Annonser

En reaktion på ”Make WordPress plugin grid column responsive

Kommentera

Fyll i dina uppgifter nedan eller klicka på en ikon för att logga in:

WordPress.com Logo

Du kommenterar med ditt WordPress.com-konto. Logga ut / Ändra )

Twitter-bild

Du kommenterar med ditt Twitter-konto. Logga ut / Ändra )

Facebook-foto

Du kommenterar med ditt Facebook-konto. Logga ut / Ändra )

Google+ photo

Du kommenterar med ditt Google+-konto. Logga ut / Ändra )

Ansluter till %s