[dvnmls]

dvnmls

#49980

I am trying to get my list of drop down buttons to organize into three columns. I have tried several methods without success and am in need of some support. Basically, I need to get the drop down buttons to show up in three columns. It would be nice if the columns could be responsive and reduce to two, then one column as the screen width decreases. I would prefer to not use multiple sidebars or action hooks and just use css to make this happen.
https://blazonprinting.com/design/templates/

[Syahir Hakim]

Syahir Hakim

#49984

Add this code into the editor to create 3-column layout:

<div class="dropdown col-md-4">
	<!-- Dropdown buttons here -->
</div>

<div class="dropdown col-md-4">
	<!-- Dropdown buttons here -->
</div>

<div class="dropdown col-md-4">
	<!-- Dropdown buttons here -->
</div>

Then, split your dropdown buttons into each of the div above.