Grid Post Layout not functional

  • The main page featuring recent posts started showing up in one column instead of the normal two for “Grid Post Layout”. I have disabled plugins and am still running into this issue. I am not too familiar with CSS but am looking for any help or someone to point me in the right direction.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Moderator bcworkz

    (@bcworkz)

    Try adding this to the Additional CSS customizer section:

    .qb-grid > li {
    display: block;
    float: left;
}
    Thread Starter cgclawson

    (@cgclawson)

    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!

    Thread Starter cgclawson

    (@cgclawson)

    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;
    }

    Moderator bcworkz

    (@bcworkz)

    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.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Grid Post Layout not functional’ is closed to new replies.