Modulo Cookies Acce...
Avisos
Vaciar todo

Hosting WordPress 70% dto Dominios promo

Modulo Cookies Accept  

 
WebMaster
 WebMaster
Reputable Member

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

Citar
Respondido : 05/11/2014 11:04 am
Pablo Velasco
 Pablo Velasco
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.

ResponderCitar
Respondido : 05/11/2014 2:21 pm

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

WebMaster
 WebMaster
Reputable Member

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

ResponderCitar
Respondido : 05/11/2014 2:43 pm
Jhon
 Jhon
Soporte CMS Webempresa 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.

ResponderCitar
Respondido : 05/11/2014 4:55 pm

WebMaster
 WebMaster
Reputable Member

Hola Jhon,
perfecto! Funciona de maravilla

Gracias de nuevo
Saludos

ResponderCitar
Respondido : 06/11/2014 8:50 am