The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Layout horizontal Divs Reply To: Layout horizontal Divs


The other containers on the page are using media queries for it. I couldn’t tell you exactly what to code, it depends on at which break point you think the four elements are becoming to narrow. The template itself doesn’t do it too well, I think. But let’s put the first query at 980px for example… there instead of aligning all four this would make two double rows :

@media all and (max-width: 980px) {

#footer-widget .et_pb_widget {
width: 47.25%;

#footer-widget .et_pb_widget:nth-of-type(2), #footer-widget .et_pb_widget:last-of-type {
margin-right: 0;

Your original style would likely have to go inside this then :

@media all and (min-width: 981px) {

And there would be a break point at an even smaller size – where no margins at all are applied and the width of the elements is 100% so they stack vertically…