Responsive off, but content still fluid

Hi.

I just turned off the responsive layout feature for the News template, and it seems to be working at least when viewed on a mobile phone: http://chihuahuanfrontier.com/svet/jupgrade/

But page content and modules on a desktop screen keep squeezing each other when I change the browser window size.

How can I keep this from happening, so all page content is fixed and solid?

I'm using Joomla 2.5.11.

You can do this simple trick: please edit: /templates/gk_news/css/override.css and add at its end:

Code: Select all

.gkPage {
    width: 1000px;
}


It will force page's width to 1000px always.

Remember to enable "CSS override" in template settings - advanced section.

It doesn't work

I added the code as you said, at the end. But earlier I had added another code Konrad gave to fix a font size problem: article header h1, .category header, article header h2 { font-size: 22px; }

Is it perhaps that there has to be something in between both codes?

CSS override is on....

It works ok in my browser. Please clear cache and check it again.

The same problem for me!! I clear cache and I check it on Mozilla & Chrome and nothing happens! Another solution?

What is your site, @theoxgr?

If anybody still have problem with fixed width - please post an url to your site.

@theoxgr - I have checked "cached" css file, and there are some strange signs in it:

Code: Select all

/* FILE: /templates/gk_news/css/override.css */
  .gkPage{width:1230px;}


Please check why those strange signs goes there.

Thanks Cyberek for your help...I download this file and I cant see this strange signs 

I write again the .gkPage{width:1230px;} in this file but nothing happen.

Any other idea?

Try pasting this to override.css, maybe it will help.

Code: Select all

.gkPage{width:1230px;}
.gkPage{width:1230px;}


I did it but nothing .... I disable one bu one the modules and plugins but nothing .... I enable another template and screen stop squeezing... I dont Know... the template is great and my customer like it very much...another solution?

Try pasting this to override.css, maybe it will help.

Code: Select all

.gkPage{width:1230px;}
.gkPage{width:1230px;}


Ok, this might help...
Instead of adding this to override.css, go to template settings -> advanced settings
and paste this code:

Code: Select all

.gkPage {min-width: 1000px;}


into custom css code field.

I have already added it so just adjust 1000px to 1230px if You like.

Thanks!!! This is the solution...everything is ok now. Thank you again and again Cyberek!!

Ok, this might help...
Instead of adding this to override.css, go to template settings -> advanced settings
and paste this code:

Code: Select all

.gkPage {min-width: 1000px;}


into custom css code field.

I have already added it so just adjust 1000px to 1230px if You like.

Sorry it took so long.
I'm glad I could help.