Avisos
Vaciar todo

Descuadre de texto desde la version movil  

 
Ivan
 Ivan
Reputable Member

Buenas,

Entro con el movil en la web se me descudra por el texto que os adjunto en las imagenes.

Por si me podeis dar la formula para que sea responsive

Luego he eliminado las imagenes de las subcategorias pero se queda con el margen en blanco de la imagen se puede reducir? para que esten mas juntas las categorias

Gracias y un saludo

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 09/09/2016 4:38 am
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

Prueba a limpiar la cache de tu dispositivo móvil ya que he probado con varios y el resultado a sido similar al que te adjunto.

ResponderCitar
Respondido : 09/09/2016 6:05 am

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

Ivan
 Ivan
Reputable Member

Buenas Johnny,

El problema es cuando bajas hacia abajo donde indica informacion nutricional.

te adjunto un enlace donde esta activada esa informacion.

Un saludo

http://www.nutrishop.es/index.php?id_product=61&controller=product&id_lang=1

ResponderCitar
Respondido : 09/09/2016 12:20 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Ivan.

¿ Como añadiste esa sección ? , ¿ es un iframe de alguna web ? ¿ Un modulo ?

Puedes adjuntarnos una captura ya que en el pack no veo esa opción.

Un saludo

ResponderCitar
Respondido : 09/09/2016 3:17 pm

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

Ivan
 Ivan
Reputable Member

Buenas Pepe,

Es un modulo añadido.

Un saludo

ResponderCitar
Respondido : 09/09/2016 3:20 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Ivan.
ok, nos puedes indicar que modulo es?

Un saludo

ResponderCitar
Respondido : 09/09/2016 4:06 pm

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

Ivan
 Ivan
Reputable Member

Hola Pepe,

Si claro el modulo es Información nutricional.

Un saludo

ResponderCitar
Respondido : 09/09/2016 4:14 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

HOla

Primero que todo corrige este código en el archivo customuser.css

@media (max-width: 780px) {
  #search_block_top #searchbox {
 margin-left: 0px;
    width: 90%;
  }

Es incorrecto por que falta cerrar una llave, todo lo que viene debajo de este código no es esta ejecutando correctamente. Si te das cuenta abres dos llaves pero sólo cierras una.

Luego agrega el siguiente código al final

.nutritionLabel .title{
	width:100%;
	white-space:wrap;		
}

Este código te corrige el título de la información nutricional
Contenido solo visible a usuarios registrados

Saludos

ResponderCitar
Respondido : 09/09/2016 8:52 pm

Cursos Gratuitos WordPress

Ivan
 Ivan
Reputable Member

Buenas Jhon,

Gracias perdoname pero mis conocimientos son basicos.

Me puedes decir lo que tengo que modificar? seria quitar la llave de arriba en amarillo?

He añadido el otro codigo pero en la version movil se queda descolocado cuando bajas hacia la informacion nutricional.

Un saludo

ResponderCitar
Respondido : 09/09/2016 9:43 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

HOla

De manera general

Esto :

@media (max-width: 780px) {
  #search_block_top #searchbox {
 margin-left: 0px;
    width: 90%;
  }

Déjalo asi :

@media (max-width: 780px) {
  #search_block_top #searchbox {
 margin-left: 0px;
    width: 90%;
  }
}

Ves que hay dos llaves de cierre al final, a eso me refiero

Luego puedes poner el código que te pase al final del archivo.

Saludos.

ResponderCitar
Respondido : 09/09/2016 11:56 pm

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

Ivan
 Ivan
Reputable Member

Buenas noches Jhon,

Ya he corregido esa linea, igualmente te adjunto todas las modificaciones que tengo por si hay algo que afecte.
Te adjunto un video con lo que me refiero que no responsive en el movil.
No me deja subirlo te pongo unas fotos.

Un saludo

/*
Here put all your custom styles
*/

#search_block_top{
margin-top:-8px;
}

.customerprivacy.account_creation label{
width:100%;
}

.account_creation label {
width: 100%;
}

.shopping_cart > a:first-child {
background: #3698B7;
}

#categories_block_left h2.title_block{
background:#3698B7;
}

.block .title_block, .block h4, .block .title_block a, .block h4 a {
background-color: #3698B7;
}

#usefull_link_block .print{
display: none;
}

@media (max-width:990px){
.nav{
margin-bottom:30px;
}
}
#search_block_top #searchbox {
float: none;
padding: 20px;
width: 200%;
margin-left: 20rem;
}
#search_block_top .btn.button-search {
top: 20px;
}
#search_block_top {
float: none;
}
@media (max-width: 780px) {
#search_block_top #searchbox {
margin-left: 0px;
width: 90%;
}
}

.our_price_display {
color: #fe0700; } Tengo esta modificacion pero no me cambia el color no se porque!

.price.product-price {
color: #fe0700; }

.nutritionLabel .title{
width:100%;
white-space:wrap;
}

ResponderCitar
Respondido : 10/09/2016 12:33 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Ivan, Buenos Días.
Edita el archivo custom y añade lo siguiente:

@media (max-width: 780px) {
  .nutritionLabel .title { font-size: 1.5em; }
}

@media (max-width: 780px) {
#DELUXENUTRITIONAL_PRODUCT_ATTRIBUTES_FRONT {
  width: 80%;
}
}

Un saludo

ResponderCitar
Respondido : 10/09/2016 11:45 am

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

Ivan
 Ivan
Reputable Member

Buenas dias Pepe,

Perfecto ya esta arreglado, muchisimas gracias por vuestra eficacia!!

Un saludo

ResponderCitar
Respondido : 10/09/2016 12:05 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Ivan.

Me alegra que este ya como querías 😉 , como dicen en mi pueblo, poc a poc ( Poco a Poco )

Nos sería de mucha utilidad que nos dejases tu testimonio, solicitamos testimonios para colocar en nuestra página y ayudar a otros posibles clientes a decidirse por nuestros servicios:

Puedes crear el testimonio aquí: testimonios

Si nos quieres enviar tu experiencia con nuestro servicio, la publicaremos en nuestra página con un link hacia tu Web. Nuestro dominio webempresa.com tiene una autoridad alta, así que el link siempre te ayudará en el posicionamiento en buscadores de tu Web.

Si ya lo solicitamos anteriormente y nos lo facilitaste, puedes dejar otro testimonio si tienes otra página que quieras posicionar mejor al tener un link en la nuestra con tu testimonio.

Gracias por publicar tu testimonio y por tus palabras de agradecimiento.

ResponderCitar
Respondido : 10/09/2016 12:16 pm

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