Modulo Cookies Acce...
 
Avisos
Vaciar todo

Modulo Cookies Accept

5 Respuestas
3 Usuarios
0 Reactions
1,482 Visitas
Respuestas: 258
Reputable Member
Topic starter
 

Hola,
reciente he puesto el modulo de CookiesAccept (veo que es el mismo que utilzan ustedes) donde he modificado el css para que me salgaen una sola linea i más delgada, más o menos como tienen ustedes en su web, pero me encuentro con el problema que cuando se hace la pantalla más pequeña o en dispositivos moviles se solapa el boton de aceptar y el de más información.
También utilizo una template de Yootheme igual que ustedes .
Me pueden ayudar de como solucionar esto para que se visualize correctamente en cualquier dispositivo?
Adjunto alguna captura
Gracias de antemano
Saludos

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 05/11/2014 11:04 am
Pablo Velasco
Respuestas: 20382
Illustrious Member
 

Hola,

El problema principalmente lo tienes en que estás utilizando una etiqueta h2 para colocar el texto y luego pones un float:right para el div que carga el botón de aceptar, lo que hace que los contenidos se muestren unos encima de otros.

Fíjate que la estructura en nuestra web es distinta. Si has aplicado cambios en el código lo mejor sería que los quitases para volver a la versión original y, a partir de ahí, ver los cambios que podemos aplicar.


 
Respondido : 05/11/2014 2:21 pm
Respuestas: 258
Reputable Member
Topic starter
 

Hola pablo,
ya he aplicado los cambios por defecto tal y como me mencionas.
Me podrias indicar ahora que esta por defecto el modulo que puedo modificar para que se visualize igual que la vuestra?

Gracias de antemano
Saludos


 
Respondido : 05/11/2014 2:43 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

HOla

Ubica el archivo CSS y agrega el siguiente código :

/templates/yoo_master2/css/custom.css

#ca_banner h2 {
  font-size: 14px;
  font-weight: normal;
  display:inline-block;
}

#ca_banner p, #ca_banner p span {
  display: inline-block;
  margin-left:5px;
}

#ca_banner .accept{
  display:inline-block;
  margin-left:10px;
}

#ca_banner {
     height: auto;
}

Saludos.


 
Respondido : 05/11/2014 4:55 pm
Respuestas: 258
Reputable Member
Topic starter
 

Hola Jhon,
perfecto! Funciona de maravilla

Gracias de nuevo
Saludos


 
Respondido : 06/11/2014 8:50 am