col one_third without col_last

Question

I use this code: I must place the information in two columns. My CMS generates categories: Title, Description. I can not to add some categories col last, and for other categories do not add col last. Or are always without col last, or always col last. Because of this, the conclusion of categories broken. See screenshot. You can fix it to the category are placed evenly on the page?

SemiColonWeb · Accepted Answer

Hello,

This is Definitely Possible. You can either use the Bootstrap Grid which will work seamlessly or you will need to use some programmable logic with the Custom Grid. Try using the following logic:

<?php

	$col = 0;

	$col++;

	if( $col % 3 == 0 ) {
		$class = " col_last";
	} else {
		$class = "";
	}

	echo '<div class="col_one_third' . $class . '">Column</div>';

?>

This will definitely work fine. Let us know if we can help you with anything else or if you find any further issues.

spidometrs · Answer

I added logic. I want to get two columns, but I always get three columns. See a screenshot of the result. How can I make two columns?

spidometrs · Answer

The problem is not solved. Can you help me?

SemiColonWeb · Answer

Hello, Please consider using something like this:

spidometrs · Answer

It breaks the page for desktop computers.
See screenshot 1.

If I change
col_half {
width: 48%;
}
on
width: 33.33%;
Then it works well for desktop computers, but does not work for mobile devices.
See screenshot 2.

How can I fix this? For mobile devices, it should look like the screenshot 3.
This should work for all devices.

Thank you!

spidometrs · Answer

screenshot 3