Cambio de ancho del Mainbody y Header de la plantilla Titania  

Hola

Si es posible, pero deberías preguntarte por que quieres tal cosa ya que no quedaría tan bien, especialmente en pantallas grandes sería dificil la lectura.

Puedse probar como queda el main body por ejemplo con el siguiente código:

#rt-mainbody-surround .rt-container,
#rt-mainbody-surround .rt-container .rt-grid-12{
	width:100%;
}

Agregalo al final del archivo :
/wp-content/themes/titania_wp/style.css

Saludos.

1) No he probado todavía a poner el código, pero por qué crees que no se verá bien en pantallas grandes?

2) Y otra cosa, si no quiero que ocupe el ancho de la pantalla sería cambiar el 100%, que pones en el código por otro porcentaje, por ejemplo 90%?

3) Si quiero hacer lo mismo para la parte del Header, sería el mismo código, sustituyendo donde pone "mainbody" porner "header"?

Gracias!

Hola

Por accesibilidad, imagina que alguien que tenga un monitor > 1900px de ancho maximia su navegador justo cuando carga tu página, algunos artículos que son cortos en contenido se vería unas cuantas líneas, es decir los párrafos serían como de 1 o dos líneas, ten en cuenta que es dificil leer líneas muy anchas.

Si, podrias cambiar 100% por otro %, lo del header no me queda claro ya veo que ocupa todo el ancho, pero ya te digo, creo que estas complicandote con esto, no es lo estandard.

Saludos.

Gracias, al final me has convencido, no tacaré el mainbody.

Pero el header yo creo que no está en toda la página, pues lo que tengo puesto en el header, que es el logo y el menú principal, ocupan el mismo ancho que el mainbody. Esto si que me gustaría que ocupara todo el ancho

Hola

Entiendo que quieres que el loog salga a un extremo y los items de menú se distribuyan en todo el resto de espacio.

El problema con lo que planteas es que los anchos de los ítems de menú dependen de la cantidad de texto del item y a partir de allí se le da un ancho, por lo que veo más complicado cambiar para que ocupen todo el ancho.

Una alternativa sería poner el logo a la izquierda y el menú que empiece desde la derecha, para esto ubica el siguiente archivo :

/wp-content/themes/titania_wp/style.css

Al final agrega el siguiente código CSS :

@media (min-width:768px){
	#rt-header .rt-container{
		width:100%;
	}

	#rt-header .rt-omega{
		width:80%;
	}
	#rt-header .rt-alpha{
		width:20%;
	}
}

Saludos.