All - In the Focus 2 template settings, you can change the "Max Width" percent from the default of 60% to something else (in my case larger) - but both side bars do not adjust to compensate.

I looked in the /tpls/default.php and /tpls/blocks/ folder but cannot locate the proper place to adjust the two ends to the menu bar.

Thoughts?

Hi

Do you have a link for the site so far?

Cheers
Paul

Yes - Sorry -
LIVE Joomla 2.5 site that I want to move: www.sportofhorses.com

TEST area - Joomla 3 with Focus 2 - www.sportofhorses.com/JBR3/

In the test area I am working on colors, one page, menus, K2 category and item layouts, etc

Let me know what you think.

At the moment yours is 80%?

is that correct?

Cheers
Paul

Yes - I am testing at 80% but since that may not end up being the width that I need, if you can let me know what files need to be updated when I change that number, that would be perfect.

Thanks,

Can you test with adding this line to the custom.css

.toolbar-fixed {width: 8%;}

Cheers
Paul

OK - That worked perfectly for the menu.

Is there some magic to get the slide show thumbnails section to be the same width?

Try adding


#slideshow-thumbs {width: 8%;}

Cheers
Paul

I hate all of these easy answers...

One last question - What I am really trying to accomplish is when the screen size is reduced on tablets or smartphones, I would like the width of the sections to goto 100% - take a look at www.sportofhorses.com/SOHP3

Can this be accomplished somehow? even 80% screen width on an iPhone still leaves 20% of the screen that cannot be used for content.

Thanks again!

Can you clarify what you mean by "sections"?

Main content area?

Cheers
Paul

I like easy answers (iphone ones not so easy)

YES - The main content area AND the menu bar.

Just trying to maximize the available screen for content instead of border.

Try adding

@media screen and (max-width: 840px) {
.responsive-enabled .zen-container {width: 80%; max-width:80%;}
}

and increasing both value to the percentage required

Cheers
Paul

Nice help,
but I have another question:
Is it possible to make asysmetric sidebars:
For example: 12% (left side) 64% main bar 20% right side
Thank You

Do you have that set up on a site?

I'm not sure to be honest

Cheers
Paul

I had it on my website made with the "old" focus.
richard-kraus.com
It looks just a little bit different than the other ones

Hi

I've had a look at this and it would be possible but not easy to do

Would require widths added to left and right tool bar and adjusted margin for the container element

Then as the page size decreases on different devices media queries would be required to bring everything back on the same line

Quite a bit of custom css would be required

Cheers
Paul