JoomlaJunkie - Joomla Template Provider Bringing color to the Joomla community

in FIrefox when monitor is small (laptop) half of the page does not show and there is no scroll bar to scroll either.

to test it restore down(not minimumize) the firefox window and match its size to a smaller resolution .

This is because flex photos is flexi width template and it does not have a fixed width.

Add this to the top of the template_css and it will add scroll bars if the width of the browser is less than 800px.

html {
min-width: 800px;
}

I have tested it on your site and it works well, I dont know what you mean about half the page not showing, it shows perfectly fine for me.

Andy wrote:
This is because flex photos is flexi width template and it does not have a fixed width.

Add this to the top of the template_css and it will add scroll bars if the width of the browser is less than 800px.

html {
min-width: 800px;
}

I have tested it on your site and it works well, I dont know what you mean about half the page not showing, it shows perfectly fine for me.if it shows perfectly why do you want me to apply that change?


here is how to reproduces, not maxixumize firefox and make it to be witch of say 850 px now height has no issues and it has scrollbar but widtsh never gets scrollbar and content definatelly is off the screen for example no way to see right modules. and there is no scrollbar to scroll either.

I think you misunderstood my last message, I was asking you to apply the css as this is a solution to your fisrt problem and will create a horizontal scroll bar if the window size is smaller that 850px. It was the second part of your problem that looked fine to me. I applied this css to your site using firebug and everything shows perfectly.

I still dont know what you mean by content is off the screen, what I see is exactly what you would expect to happen. The sidebars are fixed and the main content is the only area that changes width, relative to the browser window.

I have attached a screenshot of what I see when I apply the css with firebug.

If you apply the fix this is what you should see

I was having this same issue and applied the above fix... This worked well in Firefox, but is there a way to make it act the same in IE? IE seems to ignore the min-width in the CSS...