Make View Two Columns

This support ticket is created 3 years, 9 months 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/Hong_Kong (GMT+08:00)

Tagged: Toolset Blocks

This topic contains 4 replies, has 2 voices.

Last updated by Luo Yang 3 years, 9 months ago.

Assisted by: Luo Yang.

Author

Posts

March 3, 2021 at 7:39 pm #1973837

Pete

Hi there,

Ok this test page, we have a view in the left hand column (as in pic attached)
hidden link

Currently it is one column yet becomes two on smaller screens, this we created over a year ago on our other site.
On smaller screens it becomes two columns, then one for phone.

I have spent over two hours trying to make it permanently two columns and in a new location as shown in the pic.

However this never works right and breaks the page competently.

What is it I need to do to make this two columns on desktop and iPad, one column on phones please?

Looked at Bootstrap and tried all kinds of variations. To no joy!

Any help would be gratefully appreciated.

March 4, 2021 at 8:09 am #1974311

Luo Yang

Hello,

You are using Oxygen page builder to design the single "Portfolio" post template, they are using custom CSS style to style/format the layouts, according to our support policy, we don't provide other plugin support:
https://toolset.com/toolset-support-policy/

You will need to check with Oxygen support for it.

With WordPress built-in blocks editor, it is very easy to design the page/post for different devices, see our document:
https://toolset.com/course-lesson/creating-responsive-designs/

March 4, 2021 at 8:32 am #1974321

Pete

Lou,
This has nothing to do with Oxygen and its layouts, the View in question uses Boostsrap!!!!

Typically this is part of the code:
<div class="col-xs-12 col-sm-6 col-md-12">[wpv-post-body view_template="loop-item-in-list-features-sidebar"]</div>

So again, I ask the same question...
Currently it is one column yet becomes two on smaller screens....

I'm not a developer so sending a ton of links about Bootstrap wont be helpful, this I have spent 2 hours looking into

March 4, 2021 at 8:52 am #1974349

Luo Yang

Let me check again your website and your screenshot, one moment

March 4, 2021 at 9:17 am #1974355

Luo Yang

I assume we are talking about the items of the sidebar "Sleeps up to 6",

Please try this:
Edit the post view "List Features Sidebar":
hidden link
in section "Loop Editor", replace all the CSS class name from "col-md-12" with "col-md-6", and test again.
See my screenshot col-md-6.JPG

More help:
hidden link