• ¡Bienvenido a XenFácil!

    Estás viendo el sitio como Invitado. Para poder participar en este sitio

    y obtendrás privilegios adicionales, acceso a otras áreas y mucho mas.

    ¡Es gratis!


    ¿Ya eres miembro? Inicia sesión

Ayuda Mostrar enlace en navegación pública

skirlappa

XenForoUser
Mensajes
34
Puntuación de reacciones
1
Puntos
8
País
España
Versión de XenForo
Página web
Web
Hola,

¿hay alguna forma de mostrar un enlace en la navegación pública, pero que solo salga en las versiones móviles? Y cuando entren desde un PC esta no salga?
 

lms

Administrador
Mensajes
7.741
Puntuación de reacciones
2.163
Puntos
2.613
Sitio web
xenfacil.com
País
España
Versión de XenForo
2.1.x
PayPal
Donar dinero a este usuario
Página web
Web
Supongo que el truco consiste en agregar una clase al enlace o bloque del enlace que sólo se vea en las versiones móviles (display:block;), o sea, de pantalla reducida.

Salud2
 

yreyes

Miembro
Mensajes
93
Puntuación de reacciones
7
Puntos
8
País
Cuba
Versión de XenForo
2.1.x
usando las clases de bootstrap correspondientes puede lograr lo que buscas....
CSS:
@media (max-width:767px) {
 .hidden-xs {
  display:none !important
 }
}
@media (min-width:768px)and (max-width:991px) {
 .hidden-sm {
  display:none !important
 }
}
@media (min-width:992px)and (max-width:1199px) {
 .hidden-md {
  display:none !important
 }
}
@media (min-width:1200px) {
 .hidden-lg {
  display:none !important
 }
}
xs- mas chicos
sm- chicos
md- medianos
lg- grandes

Algo si el resultado de lo que buscas
HTML:
<a href="enlace" class="hidden-md hidden-lg" >ENLACE AQUÍ</a>
Solo lo mostrará para dispositivos de pantallas normales y mas chicas
HTML:
<a href="enlace" class="hidden-sm hidden-md hidden-lg" >ENLACE AQUÍ</a>
Solo lo mostrará para dispositivos de pantallas mas chicas.
Saludos espero que le ayude de algo.
 
  • Me Gusta
Reacciones: lms
Arriba