Viewing 11 replies - 1 through 11 (of 11 total)
  • hannah

    (@hannahritner)

    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://wordpress.org/plugins/siteorigin-panels/

    Kadence Themes

    Thread Starter tentpeg

    (@tentpeg)

    – 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

    Thread Starter tentpeg

    (@tentpeg)

    OK. Thanks!

    Thread Starter tentpeg

    (@tentpeg)

    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.

    hannah

    (@hannahritner)

    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

    Thread Starter tentpeg

    (@tentpeg)

    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: http://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

    Thread Starter tentpeg

    (@tentpeg)

    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)

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Columns Collapsing Too Soon’ is closed to new replies.