Responsive slider with fixed height

If you want to have a fixed height for a responsive-slider, you must disable ”max-width” and set width and height to auto. This is NOT a solution for a specific slideshow, just a general thinking of how to solve it.


.slider img {
max-width: none;
height: auto;
width: auto;

Then you can set your height for the container div.


Make Wordpress plugin grid column responsive

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.