Hello

To set the width of the Florence template to percentage, add the following to the Custom CSS field of your templates parameters (edit to taste - default:280px)...

.sidebar_wrapper {

    width: 20%;

}

.content_wrapper {

    margin-left: 20%;

}

Ciarán

Hi,
I bought the template today. I have pasted what you have suggested but it did not have any effect. I have attached here a screenshot, there is a lot of space on the right side. I would want the content to be fluid and fill the empty space on the right just like the picture on top.

I also tried this but found another problem.
When window size is reduced and the page switches to responsive view the right hand menu area, instead of being switched off to zeo width - changes to a white area that is 20% of the screen width.
Also it would seem that the maximum width for the non menu page width is still set in the Template parameters "Layout Options"/"Template Width" and the switch to responsive view is set at a screen width of "Template Width" + 300.
I am finding also that the switch to responsive view is happening at two large a screen size and users are complaining that they are seeing the responsive view even when using a Laptop. So before I saw the post above I found a reasonable compromise with "Template Size" set to 800. This put the switch to responsive view at 1100px. I thought then that the CSS code above would make the site expand into available space on larger screens - would like to do that but it does not work - yet. :unsure:

To force the fluid width of your content try adding the following to the Custom CSS field of your templates parameters...

.wrapper960 {

    width: 100%;

}

David: Would you have a URL to an example of this issue?

Ciarán

Ref the "White Area". This page at http://whitchurchwaterway.uk/test is set up with the CSS..
.sidebar_wrapper {
width: 20%;
}
.content_wrapper {
margin-left: 20%;
}
and looks like this in smaller screen.
I will try the
.wrapper960 {
width: 100%;
}
on another page at http://whitchurchwaterway.uk/test2 in a few minutes.

Hello

Sorry to say we have been unable to replicate this issue on any device tested. On each devices your content appears the full width of the browser.

Ciarán

It works for me!! Thanks for the support.

Ciarán
Sorry I made a mistake with template style set ups.
The
.sidebar_wrapper {
width: 20%;
}
.content_wrapper {
margin-left: 20%;
}
Is applied and misbehaving at http://whitchurchwaterway.uk/test

The later suggestion you make using CSS..

.wrapper960 {
width: 100%;
}

works good at http://whitchurchwaterway.uk/test2

Hi David

To resolve try also adding the following to the Custom CSS field of your templates parameters...

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

.content_wrapper {

    margin-left: 0;

}}

Ciarán