Responsiveness - Toolset

This support ticket is created 5 years 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
-	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	-
-	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	-

Supporter timezone: Asia/Karachi (GMT+05:00)

Tagged: Toolset Blocks, Views plugin

This topic contains 2 replies, has 2 voices.

Last updated by Christos 5 years ago.

Assisted by: Waqar.

Author

Posts

November 24, 2019 at 9:23 pm #1390715

Christos

Hello again Waqar, please could you tell why the Responsiveness for the mobile in the search page hidden link doesn't work ok? I would like to have one yacht per row, not two columns with two yachts.

Check this hidden link

November 25, 2019 at 7:24 am #1390897

Waqar

Hi,

Thanks for asking! I'd be happy to help.

The responsiveness control for the new blocks editor is planned to be included in the next phase.

For now, you can use custom CSS code with media queries to control the grid elements, based on screen size:
hidden link

Example:


@media only screen and (max-width: 800px) {

.wpv-loop .row .col-6 {
flex: 0 0 90%;
max-width: 90%;
margin: 0px auto 8%;
}

}

The above CSS code snippet will show a single result in a row, on screens with a width narrower than or equal to 800px.

regards,
Waqar

November 25, 2019 at 7:49 pm #1391853

Christos

My issue is resolved now. Thank you!