Centrar Wrapper SMF 2.0

Pegriloco · June 06, 2020, 01:06:34 PM

Hola buen día con todos!

Alguien me podría ayudar a centrar mi foro smf, dejo el link: foro.pazsite.com/
en su configuración del theme que tengo un width: 90% y el foro en móviles se va a la izquierda, porfavor alquien que me ayude. gracias de antemano

Mick. · June 06, 2020, 01:32:15 PM

Necesitas esto... en index.template.php

Code Select

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

chronosig · June 06, 2020, 02:02:30 PM

Quote from: Mick. on June 06, 2020, 01:32:15 PM
Necesitas esto... en index.template.php

Code Select Expand
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

y dónde iría el mensaje que quiero colocar?

Mick. · June 06, 2020, 02:09:42 PM

En indextemplate.php del tema que usas coloca el codigo despues del

<head>

Como asi..

<head>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

Pegriloco · June 06, 2020, 02:13:42 PM

Quote from: Mick. on June 06, 2020, 01:32:15 PM
Necesitas esto... en index.template.php

Code Select Expand
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

Hola, esa etiqueta hace responsive el foro. quiero evitar eso :/

Mick. · June 06, 2020, 02:16:29 PM

Quote from: mparedes on June 06, 2020, 02:13:42 PM
Quote from: Mick. on June 06, 2020, 01:32:15 PM
Necesitas esto... en index.template.php

Code Select Expand
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

Hola, esa etiqueta hace responsive el foro. quiero evitar eso :/

Pues claro... eso hace el foro para mobile. Por que no quieres el foro mobile?

Mick. · June 06, 2020, 02:19:58 PM

Que pasa si quitas esta imagen?
http://foro.pazsite.com/Themes/LibertadTheme/images/theme/background.png

Pegriloco · June 06, 2020, 02:22:25 PM

Quote from: Mick. on June 06, 2020, 02:19:58 PM
Que pasa si quitas esta imagen?
http://foro.pazsite.com/Themes/LibertadTheme/images/theme/background.png

No se nota cambios, si quiero evitar el resposive

Mick. · June 06, 2020, 02:33:35 PM

Tienes un tema que es responsive pero no quieres ques sea responsive? Eso no tiene sentido.

Pegriloco · June 06, 2020, 02:43:36 PM

lo que pasa es que solo busco como centrarlo para que en los móviles no se visualice corrido a la izquierda

-Rock Lee- · June 06, 2020, 07:07:00 PM

Tienes un margen que toma del index.css por eso no es bueno meterlo en el div directo por que no toma en cuenta en que valor tomar, tenes que buscar en ../Themes/LibertadTheme/css/index.css sobre la linea 82-89:

Code Select

/* This division wraps the entire forum when a forum width is set. */
div.wrapper {
	margin: 0 auto;
	min-width: 764px;
        max-width: 2300px;
}

Comentando las lineas de min-width y max-width para no tenga mas esa franja por eso te recomiendo pongas el "width:90%" en estas lineas!

Saludos!

Pegriloco · June 06, 2020, 08:16:19 PM

Ya elimine y no sucede nada

-Rock Lee- · June 06, 2020, 08:29:07 PM

¿Borraste el cache de tu navegador? yo veo esta centrado incluso cambiando un valor 98% se centra bien sino agrega un padding-left del lado izquierdo...

Saludos!

Pegriloco · June 06, 2020, 08:31:58 PM

Quote from: Rock Lee on June 06, 2020, 08:29:07 PM
¿Borraste el cache de tu navegador? yo veo esta centrado incluso cambiando un valor 98% se centra bien sino agrega un padding-left del lado izquierdo...

Saludos!

en la pc esta bien, pero en el movil aún sigue teniendo ese problema

-Rock Lee- · June 06, 2020, 08:34:51 PM

Puede ser esta tomando un valor o referencia pero deberia verse correctamente, entre en modo incognito tanto en mi PC en modo normal y movil con diferentes modelos se ajusta como se debe solo algunas veces la imagen de fondo no se ajusta como se debe... Si te dijas en la clase wrapper con el inspector de elementos del navegador te marca los limites y cuadros afectan el distanciamiento!

Saludos!

Danielㅤ · June 06, 2020, 11:09:38 PM

Quote from: mparedes on June 06, 2020, 08:31:58 PM
Quote from: Rock Lee on June 06, 2020, 08:29:07 PM
¿Borraste el cache de tu navegador? yo veo esta centrado incluso cambiando un valor 98% se centra bien sino agrega un padding-left del lado izquierdo...

Saludos!

en la pc esta bien, pero en el movil aún sigue teniendo ese problema

Hola, has refrescado el caché del navegador de tu móvil?.

Saludos

Pegriloco · June 06, 2020, 11:15:08 PM

Hola! Sí
Ya lo solucione... Gracias por todo!

News:

Centrar Wrapper SMF 2.0