Agregué algunos enlaces en mi header.tpl y cuando miras el sitio en el móvil, faltan por completo. el sitio en cuestión es 'theautoall.com' y el código de ejemplo de lo que agregué es:
<li><a href="<?php echo $home; ?>" title="Lots more coming soon!"><span class="hidden-xs hidden-sm hidden-md"><strong>SITE CURRENTLY UNDER CONSTRUCTION</strong></span></li>¿Cómo puedo hacer que estos aparezcan en el dispositivo móvil? ¿Debería acortar los enlaces para que se vean más limpios en el móvil?
Verifique sus estilos de intervalo 'hidden-xs hidden-sm hidden-md' en la hoja de estilo. Tal vez usen have display:none. Si es así, cambie esto para mostrar: bloquee o elimine la clase span por completo. Si solo desea mostrar esto solo en la versión móvil, deberá agregar una consulta de medios, por ejemplo
@media (ancho máximo: 768 px) { .hidden-xs, .hidden-sm, .hidden-md
}
El enlace no aparece en los dispositivos móviles porque el archivo que se menciona a continuación tiene el código CSS que se menciona a continuación:
Archivo: https://theautoall.com/catalog/view/javascript/bootstrap/css/bootstrap.min.css
Código:
> @media (max-width: 767px) > .hidden-xs { > display: none!important; > }