Saludos amigos, me gustaría saber como podría poner la versión móvil de mi sitio web http://www.pasp.gob.do/transparencia/ como se visualiza en este sitio llamado http://www.mide.gob.do/transparencia/, lo que me interesa es la parte de menú y como se ve el formulario de búsqueda desplegable en la misma ventana.
En el caso de mi sitio abre como si fuera una ventana emergente y no me interesa de esa forma. 🙁
Necesito lograr algo como esto pero que tenga el color del tema que tengo que es azul, agradecería de su ayuda.
URL del sitio: Contenido solo visible a usuarios registrados
Hola.
Eso ya es un poco mas complicado ya que el menú responsive depende de la estructura de tu web y actualmente veo que esta oculto.
Por css podemos hacer que sea visible pero no es desplegable, es decir, aparece como en la versión pc.
Si quieres probarlo seria añadir lo siguiente:
@media screen and (max-width: 760px) { .navigation-shortcode.responsive-on ul.menu-sc-nav { display: inline; } .mini.top-menu-nav ul.menu-sc-nav > li.menu-item > a { background-color: #245fa9; border: 1px solid; font-size: 12px; } }
Podrías probar con un plugin, por ejemplo -> https://es.wordpress.org/plugins/responsive-menu/
Un saludo