Try adding this to the Additional CSS customizer section:
.qb-grid > li {
display: block;
float: left;
}
Hi there,
I really appreciate your response. Unfortunately, I added the code to the additional CSS and am still having the single column issue. If you have any other suggestions I would very much appreciate it. Thank you!
When I make the adjustments to the width in Chrome, the second column appears, but when I enter this code into the custom CSS, there is still no change.
.qb-grid > li {
width: 350px;
display: inline-block;
vertical-align: top;
margin-right: 26px;
}
I see 2 columns in various browsers, except in the approx. 475px to 775px viewport width range. In this range, either mimic the mobile device full width one column CSS or use the applicable CSS used for wider viewports. Another exception, the mobile view is of course one column, but below 475 it’s full width as expected. In the above range it’s currently one half width column.
If you’re still seeing one column at wider viewport widths, maybe your browser has cached a stale CSS version and its cache needs to be cleared.
