Columns Collapsing Too Soon

Hey,
Try adding this to your custom css box in Theme Options > Advanced Settings:

img.alignnone {
  float: left;
}

Hope it helps!
Hannah

Hey,
The columns are designed to collapse once you get to tablet sizes.

If you would like to use a system that gives you more control over the columns I suggest using this plugin: https://www.ads-software.com/plugins/siteorigin-panels/

Kadence Themes

– Thanks, Hannah! Tried that but didn’t seem to make a difference. (I assumed I needed to add a ‘.’ before ‘img’?) I pasted my current advanced css below in case any of that is interfering.

– re: plugin. Thanks! Will give it a go if I can’t change it with the shortcodes, which I love having.

CURRENT CSS

@media (min-width: 768px) {
.container {
width:750px;
}
}

.postdate, .kad-hidedate, .postdatetooltip {
display:none;
}

.subhead .postedintop, .kad-hidepostedin {
display:none;
}

.kad-hidepostauthortop, .postauthortop {
display:none;
}

.video-container {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

.page-header {
display:none;
}

.column-left {
float:left;
width:33%;
}

.column-right {
float:right;
width:33%;
}

.column-center {
display:inline-block;
width:33%;
}

.img.alignnone {
float:left;
}

The shortcodes are not designed to be changed. But the plugin will do what you want.

Kadence Themes

OK. Thanks!

Took a look at the plugin but not as intuitive as I want and requires more plugins to be installed, which I’m trying to minimize.

Does your Pro version have the aspect above I’m looking for? ie. a column layout that shrinks down to smaller res instead of collapsing to one column?

Thanks.

Hey,
We recommend using page builder in the premium version as well. It should do exactly what you need without installing other widgets. Where are you getting stuck?

Hannah

By the way in the premium version you can add settings to make the columns break down how you want on mobile.

Kadence Themes

I decided to install the editor plugin it requested and got the columns working, but it is still collapsing into one column when I shrink the browser window. See here: https://ohommusic.com/plugin-test/

Any ideas?? (If not, will this problem definitely go away if I install Premium?) Thanks!

Hey,
In your settings > pagebuilder. Click on layout. You can set the Mobile Width for when it should break down or turn it off.

Based on having the Kadence Slider do you not already have the premium theme?

Yes you can certainly control this in premium.

Kadence Themes

Got it working with PageBuilder. Thanks again! (Don’t think I have a slider. Not using one anyway. Looks like I’m using Virtue free 2.4.1)