Responsive

For the [pdb_list] shortcode, try the responsive template, like this: [pdb_list template=responsive]

for the record and single shortcodes, use the “bootstrap” template.

[pdb_list sort=true template=responsive]

when I dd this it makes my info go from horizontal to vertical

Any idea why?

Generally speaking, what a responsive display does is divide the content into blocks, with each record being a single block. You can change how those blocks line up using CSS, but it is also determined by the horizontal width of the display…that is why it is called responsive. If there is a lot of horizontal width, the blocks can lie side-by-side in rows if you want. When the width of the column is narrow, they line up one on top of each other in a column. This is so that the display will adapt to mobile devices which have tall, narrow screens.

In most cases, you will need to adjust the CSS to get the layout you want.

• This reply was modified 7 years ago by xnau webdesign.