View not responsive

This support ticket is created 6 years, 1 month ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun	Mon	Tue	Wed	Thu	Fri	Sat
8:00 – 12:00	8:00 – 12:00	8:00 – 12:00	8:00 – 12:00	8:00 – 12:00	-	-
13:00 – 17:00	13:00 – 17:00	13:00 – 17:00	13:00 – 17:00	13:00 – 17:00	-	-

Supporter timezone: America/New_York (GMT-04:00)

Tagged: Views, Views plugin

This topic contains 1 reply, has 2 voices.

Last updated by Christian Cox 6 years, 1 month ago.

Assisted by: Christian Cox.

Author

Posts

October 20, 2018 at 4:38 pm #1131207

lawrenceK

My product view works perfectly on tablet and desktop but is truncated on mobile phone. How do I rectify this, not being able to use Bootstrap classes (I'm using Divi theme)?

hidden link

October 21, 2018 at 6:55 pm #1131513

Christian Cox

There's nothing built-in to Views to make it responsive or non-responsive, except the Bootstrap grid. Without Bootstrap, you must use custom CSS to create your own responsive design. For example you can make the table cells display:block at sizes between 320px width and 767px width, breaking each item into its own "row":

@ media (min-width: 320px) and (max-width: 767px) {
.table-responsive > table > tbody > tr > td {
  display:block;
}
}

Remove the space between "@" and "media" in the code snippet above