pdb_list responsive template

  • Resolved supernova42

    (@supernova42)


    5 years, 11 months ago

    I’m using the pdb_list responsive template.

    The fields within each record are displayed on separate lines which is ok.

    However, I assummed that each record would be displayed side by side constrained only by the width of the screen. When the screen size limit was reached the next records would wrap round to the next line.

    For say a large screen the records might well be 4 or more per line depending on screen size.

    On a mobile, because of the screen size the records would probably be displayed in a vertical column.

    For some reason the template does not appear to be responsive. Can you help please.

    Thanks

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author xnau webdesign

    (@xnau)

    You need to decide how you want the list to display on a mobile device and then use you own CSS to get that. The plugin comes with generic CSS to get you started, but you will need to make the final adjustments to get the result you want.

    You can also try using the “flexbox” template, but either way, you will need to make the final adjustments to get what you want.

    Thread Starter supernova42

    (@supernova42)

    I did something like this initially to give me what I wanted and it worked great.

    div.pdb-list.list-container {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    }

    I then modified the template file which gave a better solution.

    Many thanks

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘pdb_list responsive template’ is closed to new replies.