Descuadre de texto desde la version movil

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.

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

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

Buenas Pepe,

Es un modulo añadido.

Un saludo

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

Un saludo

Hola Pepe,

Si claro el modulo es Información nutricional.

Un saludo

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

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

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.

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;
}

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

Buenas dias Pepe,

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

Un saludo

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.