Sidebar width is a major problem

[Adrenaline22]

Hi guys,

Congrats for making such an gorgeous theme like Flexform. I have read all your previous answers regarding the sidebar width, but please consider solving this problem, because there are quite a few of us who struggle with this problem. I can’t even fit a normal price table on a page, because the sidebar is twice as wide as it should be.

Sincerely I don’t know how Bootstrap works (and the grid system Flexform uses is based on it). Would I solve/mess anything if I a change the width in pixels for and .span4 (sidebar) and .span8 (page wrap)?

Best regards,

Peter

[Melanie – SUPPORT]

Yes you would mess up the whole grid system of the website, therefor we always recommend people to hire a developer – editing the php files needs to be done by someone who knows what they are doing.

All the best

[JayJay]

Melanie,

I have also the same problem (like many other people with Flexform)
The sidebar is too width.
The Swift Pagebuilder has only four columns.
Also after the update to 1.6.2 from yesterday, is the integrated Pagebuilder
not acceptable.
If there were settings to change the theme-width
through the backend
. or if the body would be widther and the page-builder would
have 6 columns…then this would be okay.
It is nice that you graded the possible Builder-Items up,
but I can’t use them really if the pagebuilder is essentially
not optimal.
If I change a text-block from 4 columns to three and add a sidebar
into the 1/4 column, then I have a “small” text body width.

Thanks in anticipation for an answer.

Regards,
Jax

[Swift Ideas – Ed]

Hi Jax,

Unfortunately with Boostrap 2, it’s a fixed width grid – in 12 columns. We have to split the content 8/4 as we need the content to also fit 4 columns. That’s unfortunately the only way it all works correctly.

If you wish to edit the width, check page.php and you can modify the span8 and span4 values.

– Ed

[MiLagra]

Hi, recently took over development of a site using Flexform. Like the theme a lot and getting along pretty well. The client, like the others on this post, has a problem with the default width of the left sidebar. The setting of 1/3 is too wide for a typical corporate layout. I’m comfortable editing page.php to adjust span4 and span8. And while I don’t really want to, I assume I’ll have to deal with adjusting the underlying responsive layouts. So my questions are fairly simple: can you point me to any flexform sites that have successfully adjusted to 1/4 3/4, and do have any other high level advice or helpful links that will ease the process?

Thanks, Mike

[Mohammad – SUPPORT]

Hi,
Please just adjust span4 and span8 in page.php file. Our responsive css will work fine with this change.
Thanks
Mohammad

[cbswiftideas]

For anyone else who comes across this and doesn’t understand how to “adjust span4 and span8 in the page.php file”…

spanX determines how many of the columns in the 12-column grid the relevant item will span.

The page title spans all 12 columns, so in that section you will see “span12”.

If you want to make your body a little wider, look for

<div class="inner-page-wrap <?php echo $page_wrap_class; ?> clearfix">

and replace the next “span8” with “span9”.

If you want to make your sidebar a little narrower, look for

<?php if ($sidebar_config == "left-sidebar") { ?>

and replace the next TWO “span4″s with “span3” (changes both right and left sidebar to span3)

You are just search/replacing the text, there’s nothing fancy going on here. Don’t expect to necessarily understand exactly what’s going on in the code.

Side note: If you enable sidebars on both sides, the default layout is

Left: span3
Body: span6
Right: span3

So if you are using two sidebars, consider whether you might change this as well.

[cbswiftideas]

I guess I was a little early with that post.

When I change span8->span10 and span4->span2, pages produced with “Classic Editor” format correctly, but not pages produced with Swift Page Builder.

The page body content is the original width (span8) and left-justified. The right sidebar content is the correct width (span2) and right-justified.

This issue occurs for pages created before the change, and after the change.

I’m guessing SPB needs to be re-calibrated somehow.

[Kyle – SUPPORT]

Hi

The page builder elements have span classes added to them, so even though you have made the page content area span 12, all of the page builder elements at width 1/1 will only be span 8

– Kyle

[cbswiftideas]

I see. As others have said, it’s really unfortunate that there’s no solution for this.

[Rui Guerreiro – SUPPORT]

Unfortunately it’s not possible. 🙁
-Rui