template per joomla 2.5.8 impostare larghezza minima

[nemesis_85]

salve raragazzi, sto usando questo template
http://crosstec.de/.sub-templatedemos5/

solo che ho un problema, in base ai contenuti inseriti se lo vedo con il tablet, tutto ok, con il cellulare messo in orizzontandole tutto ok, se lo metto in verticale , lo sfondo si adatta, ma i contenuti escono di un po e mi appare la barra di navigazione nel cell.
come posso fare a impostare che non mi si stringa al disotto di una certa misura?

E' possibile?

Grazie Tanto

[homerbit]

apri layout.css del tuo template e cerca la riga "@media only screen"
lì puoi agire su un range min e max di width

[nemesis_85]

provato ma non va

[nemesis_85]

ho trovato quella scritta in tutti questi file
C:\Users\Olympic\Desktop\kaiser\css\basics.css (1 hit)
Line 115: @media only screen and (min-width: 35em) {
C:\Users\Olympic\Desktop\kaiser\css\content_types. css (2 hits)
Line 52: @media only screen
Line 84: @media only screen
C:\Users\Olympic\Desktop\kaiser\css\layout.css.php (2 hits)
Line 334: @media only screen
Line 541: @media only screen
C:\Users\Olympic\Desktop\kaiser\css\menu.css (1 hit)
Line 279: @media only screen
C:\Users\Olympic\Desktop\kaiser\css\template.css (1 hit)
Line 874: @media only screen

/* Smartphones (portrait and landscape) ----------- */

@media only screen
and (min-width : 320px)
and (max-width : 480px) {

	.wrapper {
		padding: 5px;
	}
	
	.ct_breadcrumbs {
		padding: 10px 10px;
	}
	
	#main {
		padding: 0;
	}
	
  	.row > div {
		margin: 0 0 6% 1%; 
	}
	.columnWidth_6 div, 
	.columnWidth_5 div,
	.columnWidth_4 div, 
	.columnWidth_3 div,
	.columnWidth_2 div,
	.columnWidth_1 div { 
		width: 99%;
	}
	
	.row > div.span_6,
	.row > div.span_5,
	.row > div.span_4,
	.row > div.span_3,
	.row > div.span_2, 
	.row > div.span_1 { 
		width: 99% !important;
	}
	
	.moduletable_ct_darkBox .span_6,
	.moduletable_ct_lightBox .span_6,
	.moduletable_ct_darkBox .span_5,
	.moduletable_ct_lightBox .span_5,
	.moduletable_ct_darkBox .span_4,
	.moduletable_ct_lightBox .span_4,
	.moduletable_ct_darkBox .span_3,
	.moduletable_ct_lightBox .span_3,
	.moduletable_ct_darkBox .span_2,
	.moduletable_ct_lightBox .span_2,
	.moduletable_ct_darkBox .span_1,
	.moduletable_ct_lightBox .span_1 {
		width: 95% !important;
		background: #00ff00;
	}
	
	.moduletable_ct_darkBox,
	.moduletable_ct_lightBox {
		padding: 2% !important;
	}

	#ct_sliderWrapper, #ct_sliderShadow {
		width: 98%;
		overflow: hidden;
	}
	
	.flex-caption {
		line-height: 18px !important;
		margin-bottom: 8px !important;
		margin-left: 8px !important;
		padding: 0 0 5px 0 !important;
		width:auto !important;
	}
	
	.flex-caption-text {
		font-size: 18px;
	}
	
	.flex-direction-nav {
		display: none;
	}
	
	.flex-control-nav li a {
		height: 20px;
		width: 30px;
		border-radius: 2px;
	}
	
	.siteLogo {
		display: block;
		width: 100%;
		float: none;
		position: relative;
		text-align: center;
		margin-top: 20px;
	}
	
	#navigation {
		float: none;
		display: block:
	}
	
	#ct_headerSearch,
	#ct_headerLogin {
		display: block;
		float: none;
		position: relative !important;
		top: 0;
		right: auto;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0;
		margin-top: 10px;
	}
	
	#ct_headerSearch input,
	#ct_headerLogin .moduletable,
	#navigation select
	{
		display: block !important;
		float: none;
		width: 300px !important;
		position: relative;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	
	#ct_headerLogin input[type='text'] {
		width: 128px !important;
	}
	
	ul.autocompleter-choices {
		width: 300px !important;
		margin-left: 0 !important;
	}
	
    .row > div {
		margin-left: 0%;
		margin-right: 1%;
	}
	
	#main section {
		padding: 2%;
		padding-top: 3%;
	}
	
	.columnWidth_6 div, 
	.columnWidth_5 div,
	.columnWidth_4 div, 
	.columnWidth_3 div,
	.columnWidth_2 div,
	.columnWidth_1 div { width: 99%;}
	
	.row > div.span_6,
	.row > div.span_5,
	.row > div.span_4,
	.row > div.span_3,
	.row > div.span_2, 
	.row > div.span_1 { width: 99% !important }
	
	.row > div { 
		margin-bottom: 6%;
	}
	
	.ct_left, .ct_right { 
		width: 99%; 
		margin-bottom: 1.875%;
		padding: 0;
	}
	
	.ct_componentContent {
		position: relative;
		display: inline;
		float: left;
		height: auto;
		z-index: 0;
		margin-right: 1.875%;
		margin-bottom: 1.875%;
	}
	
	.ct_componentWidth_2 { width: 98% !important }
	
	.ct_componentWidth_3 { width: 98% !important }
	
	.ct_componentWidth_4 { width: 98% !important }
	
	.moduletable_ct_darkBox,
	.moduletable_ct_lightBox {
		width: 94% !important;
		padding: 3% !important;
	}
	
	.siteLogo {
		display: block;
		width: 100%;
		float: none;
		position: relative;
		text-align: center;
	}
  
	#ct_sliderWrapper, #ct_sliderShadow {
		width: 98%;
		overflow: hidden;
	}
	
}

ho messo and (min-width : 320px) a 420, ma nulla sempre lo stesso lo vedo