Cambio de ancho del Mainbody y Header de la plantilla Titania  

 
Manuel
 Manuel
Usuario experto

Buenos días.

Me gustaría saber si es posible cambiar en ancho de la parte "Mainbody" y "Header"de la página web. Me gustaría que pudieran ser más anchas. No sé si esto es configurable. O si es posible incluso que el ancho sea el total de la pantalla, es decir, que se adapte a la misma. Muchas gracias.

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 25/10/2016 2:30 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 25/10/2016 6:26 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Manuel
 Manuel
Usuario experto

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!

ResponderCitar
Respondido : 25/10/2016 7:35 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 25/10/2016 11:06 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Manuel
 Manuel
Usuario experto

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

ResponderCitar
Respondido : 26/10/2016 12:37 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 26/10/2016 7:14 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Por favor Iniciar Sesión o Registro