Como hacer un menú de navegación adaptable a dispositivos móviles (Responsive Design)

[@nnaahhuuee]

Nunca te agradecí, pero este video me salvó la vida muchas veces. Gracias totales!

[@mitsuruji]

Mis mas sinceras y encarecidas ,me acabas de sacar de un gran lió , explicas muy bien y claro,sigue con el gran gran trabajo de compartir tu conocimiento , saludos y de nuevo gracias .

[@BookOfSaints]

Absolutamente genial. Mucho mejor que la mayoria de los tutoriales en ingles.

[@harvintoledo734]

Simplemente hermano, eres un genio. En la simplicidad de la explicación está la belleza. Muchas gracias.

[@jonatanelce3974]

Genio! Saludo enorme desde Argentina. Un verdadero maestro en el modo de enseñar!

[@ivanarguellogonzalez2756]

Eres el mejor!!... En serio que me sirvió bastante tu video, muy bien explicado y funcional al 100%, ya está implementado en mi proyecto para celular y jala muy bien. En serio muchísimas gracias. Espero y sigan subiendo más videos porque ayudan a personas que estamos iniciando en esto del diseño con CSS

[@kikevanegazz325]

Parce, desde Colombia... sos un tezo mijo. He aprendido un resto con tus video.

[@franamu]

El problema que tienes con el nav, que al bajar se desprende del header, es muy simple de resolver. Simplemente agregas al responsive especificamente al header la propiedad: position:fixed; z-index:100; Entonces quedara fijo el header y al bajar el mismo bajara junto con el nav. Edito: Yo a la parte en la que Colocas el Menu con la etiqueta a (link) lo cambiaria por una etiqueta p y en la clase btn-menu pondría cursor:pointer; Asi cuando la persona este navegando y clike el menu no se le vaya para arriba la pagina.

[@FalconMasters]

Francisco Amuchastegui Tienes toda la razon, asi es.

[@franamu]

FalconMasters Sos un genio sigo todos tus videos!! porfavor seguí subiendo muchos más. Me ayudaste a construir mi propia web! Tiene algunos errores pero si la sigo trabajando va a quedar perfecta! Si puedo pedirte un tutorial, es que nos enseñes a crear una galería de Videos. O también estaría bueno que nos enseñes como hacer que nuestra imagen de fondo se valla cambiando. O hasta nos podrías enseñar alguito mas de javascript como por ejemplo botones de Me gusta y comentar y ese tipo de cosas. En fin te dejo mi página para que la veas. Genioo!! curiosoarte.com.ar/index.html

[@sebastianpelma2939]

El problema es que si tenes varias imagenes, banners y logos se pueden producir errores como en mi caso. Yo lo que hice fue agregar una funcion al menu js con la propiedad overflow. Primero en el css crean la clase noscroll{ overflow:hidden; } y en el JS que tienen creado para mostrar/ocultar el nav agregan cuando el contador es igual a 1: $("body").addClass("noscroll"); y cuando el contador es igual a 0 $("body").removeClass("noscroll");... de esta manera cada vez que clickeen en el menu se deshabilitara el scroll e inversamente cuando se oculte.

[@loanyelo15]

@@sebastianpelma2939 No te produce errores si declaras o especificas cada cosa como lo que mencionaste

[@FalconMasters]

Para todos los interesados para hacer esta navegacion pero con menus desplegables, aquí tienen el tutorial: www.falconmasters.com/web-design/menu-desplegable-adaptable-dispositivos-moviles/

[@ivanduque8463]

FalconMasters Hola! una pregunta, a la hora de poner los iconos del nav, no me aparecen sale un cuadrado vacio en chrome y en firefox me sale un cuadrado con unos números. Revise por todo lado y no encuentro error y a la hora de comparar con tu codigo todo esta bien.

[@Kaog]

Ivan Duque Eso me sucedio ayer, supongo que guardaste tu css de iconos (fonts.css) en la propia carpeta de css, por lo tanto tenes que corregir la ruta de busqueda al momento de mandar a llamar los iconos, para eso tenes que abrir el css y en las primeras lineas de codigo con url tendras que anteponer " ../ " para que puedas corregir la ruta.

[@joseballadares1941]

Kevin Osorio yo el "style.css" lo tengo dentro de la carpeta fonts bueno lo re direccione el css con mi html y bueno luego me fui y modifique el style y me quedo algo asi ________________________ font-family: 'icomoon'; src:url('/icomoon.eot?-4ds6un'); src:url('/icomoon.eot?#iefix-4ds6un') format('embedded-opentype'), url('/icomoon.ttf?-4ds6un') format('truetype'), url('/icomoon.woff?-4ds6un') format('woff'), url('/icomoon.svg?-4ds6un#icomoon') format('svg'); ________________________ el problema es que no me funciona cuando lo subo a un hosting y es pagado y ademas lo probe como me dijiste con "../" y nada

[@Kaog]

No se si estoy seguro, pero al vos decirme que lo pusiste en la misma carpeta entonces no hay necesidad de en la parte del URL poner la / Te explico, en la dirección si tanto tu style.css esta dentro de la carpeta fonts como el resto de tu css pues no hay necesita de poner la /, eso solo lo usas cuando tenes que acceder a una carpeta que está dentro de la principal. Estoy divagando pero bueno, cambia tus URL a esto : " src:url('iconmoon.eot?-4ds6un'); y hace lo mismo para el resto. En tu html tendrás que poner href="fonts/style.css" porque se supone que ese css en especifico que es el que contiene los iconos están dentro de esa carpeta en vez de la carpeta que debería ir, la cual es css

[@joseballadares1941]

si el style lo puse en la carpeta fonts y le quite las barras lo subo a un host no sale

[@TimoMartinezRealty]

Waoo brother tienes el don de la enseñanza, suelo ver muchos tutoriales y sino es pork tengo ciertos conocimientos de Html css es q entiendo, pork de lo contrario nada de nada, sin embargo tu explicas y haces ver todo muy sencillo incluso javascript del cual conosco solo lo basico...gracias sigue asi

[@FalconMasters]

Muchas gracias por tu comentario, en verdad lo aprecio mucho. Muchas gracias por ver mi contenido :)

[@TimoMartinezRealty]

FalconMasters one question: tienes en mente lanzar algun tutorial sobre diseño de apps en Android o IOS? o alguna recomendacion de que herramienta de entre las tantas q hay (eclipse, xamartin, phonegap, appinventor, etc) seria la mas ideal o factible para este tipo de diseño? gracias de antemano

[@lasmilhistoriasdealexvalde9942]

muchisimas gracias ningun metodo me funcionaba pero ahora ya puedo .. muchas gracias y bendiciones

[@topx777]

Sos un crack, tienes el don de enseñanza, gracias por tus tutos, siempre aprendo algo nuevo.

[@daliendor]

He seguido tu tutorial paso por paso y me ha salido a la primera, muy muy bueno eh, me ha encantado, aunque todos tus tutoriales me parecen de lo mejor de youtube :)

[@jzawasdzky]

ustedes son muy buenos en lo que hacen y la manera como explican, muchas gracias....

[@javierchiquitoavellan1666]

GRACIAS! justo estaba haciendo un ejercicio de ese tipo menús y no me salía (ponía al revés la variable booleana), ya con tu ejemplo si me quedó perfecto.

[@mateos3850]

Muchisimas gracias me sirvio mucho el video. Mensaje enviado por: Nuevo Suscriptor

[@hernanperez5929]

El vídeo esta muy bien explicado, ademas con ejemplos claros, me resta decir felicidades Man me sirvió de gran ayuda.

[@gregoryhernandez2028]

Dios te bendiga hermano...! miles de éxitos en tu vida... me sacaste de un apuro con tu vídeo. Gracias.

[@lcfawkes447]

gracias.estoy viendo estos videos antes de adentrarme en el cssgrid.

[@alvaroacosta2082]

conoces mucho del tema pero podrias explicar un poco mas pausadamente en la parte del atajo en el cual se copian automaticamente los 5 porfavor, es que no se que teclas presionaste y cuando yo lo hago no me sale gracias!!

[@osmanmejia8512]

Para los que no saben agregar el .js para el proyecto simplemente agregenlo en etiqueta dentro del html. $(document).ready(main); var contador = 1; function main(){ $('.lineas').click(function(){ //$('nav').toggle(); if(contador==1){ $('nav').animate({ left:'0' }); contador=0; } else { contador=1; $('nav').animate({ left:'-100%' }); } }); $(window).resize(function(){ if(window.innerWidth > 960) { $("nav").removeAttr("style"); } }); } Aqui esta solo para copiar y pegar!!!! No se atracen en este caso en js pero si lo pueden hacer mas adelante excelente! Gracias!! @OGAMEOVER

[@valentinarcari46]

sos un capo

[@victor851632]

Amigo muchas gracias por tu tutorial me sirve mucho para darle mejor apariencia a mi proyecto de grado seguiré viendo tus tutoriales.

[@ilcheaaronparkcardenas4994]

una de las mejores paginas que he visitado, enrealidad tienes un buen enfoqur mas directo, sigue así (y)

[@merrypeace7216]

gracias even I find it hard to understand spanish but thank you so much for your help I really need these things thank you so much you help me a lot

[@TheManceRayder]

Muchas gracias Carlos!! me ha sido de gran ayuda. Tienes un estilo muy didáctico e instructivo para explicar las cosas.

[@Miodiarioditrading200EMA]

De hecho incluso para acelerar tu Javascript en vez de cargarlo en el Head, te acelera cargarlo antes de asi: function load() { var scriptElement = document.createElement('script'); scriptElement.src = 'tujavascript.js'; document.getElementsByTagName('head') [0].appendChild(scriptElement); } window.onload = load; Esto lo vi en una Conferencia de un Tipo que Trabajo para Google y Yahoo, lo probe y los resultados fueron impresionantes, porque la página incluso la más compleja carga en segundos, ni se nota que le falta el Javascript hasta que este carga. Saludos Pablo

[@CristinaCepeda]

hola, quisiera saber como hacer un menu responsive, con un menu desplegale inicialmente, osea que salgan mas items del primer

[@THeIvanGamer2013]

Muy buen tutorial,he aprendido con claridad como lo has hecho....

[@d-landjs]

Super Carlos!!! Realmente me ayuda mucho este video, para aprender a hacer menus responsives basicas!

[@RickychavezDeveloper]

Me hubiese gustado que la barra de menú también se desplazara, pero la verdad quedo bueno, ahora solo falta implementarlo, gracias por el video.

[@FalconMasters]

Ricky chavez Gracias a ti :)

[@alfredosolano620]

Muy Buen tutorial: Audio bien claro, y explicas muy bien los detalles, das mucho animo y te felicito amigo...Verdaderamente EXCELENTE...

[@supremogamer015]

Grax, hace mucho tiempo vi este tutorial y me parecio innecesario, pero ya he hecho tantas cosas, que solo me queda perfeccionar detalles como este

[@eliasruizgomez7823]

Excelente video. Muchas muchas felicidades, seguire viendo tus videos... explicación excelente, sin salirse del tema.

[@kurisualiciadantegein3352]

Explicas mejor que mi maestro, muchísimas gracias

[@gotardosulcagutierrrez205]

felicitaciones maestro, solo decirte que esta muy explicado

[@oscarguajardo2745]

Hola,estoy agradecido por el video, el tutorial esta excelente, lo seguí al pie de la letra, solo un pequeño detalle cuando doy un click para ocultar el menú y después agrando la pantalla este no aparece. se puede solucionar?

[@movie2cnhm]

Me pasa lo mismo. :(

[@RubenLopez-cy9dl]

Hola, muchas gracias por tu aportación, lo único que no entiendo es lo de tener iportada la librería jquery ¿me podrías explicar en qué consiste por favor? muchas gracias de antemano.

[@proyectobossa1613]

Hola FalconMasters, primero que nada, *¡gracias por el video!*, lo explicas todo de una manera excelente. Por otro lado, me gustaría *compartir un código más optimo* basado en el que enseñaste y en los comentarios que he leído aquí mismo, ya que el del video tiene pequeños defectos: 1. Al estar en modo responsive, si abres el menú, lo cierras y luego cambias la anchura de la página a una mayor a 800px (la definida en el media query) *el menú que ya no es responsive no aparece.* 2. Considero que si es un problema el hecho de poder bajar el contenido de la pantalla mientras estás en modo responsive y que la solución más adecuada es *bloquear el scroll.* *Código mejorado:* $(document).ready(main); var contador = 1; function main(){ $('.menu_bar').click(function(){ if(contador == 1){ contador = 0; $('nav').animate({left: '0'}); $('body').addClass('noscroll'); } else{ contador = 1; $('nav').animate({left: '-100%'}); $('body').removeClass('noscroll'); } }); $(window).resize(function(){ contador = 1; if(window.innerWidth > 800) { $('nav').removeAttr('style'); $('body').removeClass('noscroll'); } }); } La clase *'noscroll'* evita que el usuario pueda desplazarse en la página mientras el menú responsive está activo. _Esta clase va en la hoja de estilos de la página en cuestión o en tu hoja de estilos global._ .noscroll{ overflow: hidden; } Y la función *$(window).resize(function(){...});* soluciona el primer problema expuesto en este comentario. Este código no tiene que ser modificado si seguiste todos los pasos del video y *fue logrado gracias a FalconMasters y a Sebastian Pelma y Miguel Santillan* que comentaron este video dejando prácticamente la solución a ambos problemas. Espero que les sea de ayuda y si tienen alguna duda siéntanse libres de preguntar.

[@Franlh]

Hola puse tu código pero aún puedo seguir haciendo scroll... no entiendo!

[@proyectobossa1613]

Fran lh hola! Sólo ese es el problema? Si es así, entonces asegúrate de que ".noscroll" esté en todas las hojas de estilo (.css) de tu sitio web si es que no tienes una hoja de estilos global que sea aplicada a todas las páginas

[@Franlh]

Tengo una sola hoja de estilos pero no añadí ninguna clase llamada "noscroll". Aclaro que no tengo ningún conocimiento de JS.

[@proyectobossa1613]

Ok, ese es el problema. En tu hoja de estilos agrega la siguiente clase: .noscroll{ overflow: hidden; } Con eso ya debería funcionar :)

[@Franlh]

GRACIAS!!!! Recién leo esa parte de tu comentario xD no me había dado cuenta

[@MegaMagodeozz]

amigo, excelentes tutoriales, la verdad gracias a usted aprendí html5 css, sigo el de bootstrap, pero ojala hicieras javascript, por que explicas muy bien. un saludo desde Colombia :D

[@DhenysonJhean]

Sou brasileiro e não encontrei um vídeo tão bom quanto este no meu idioma. Perfeito entendi e conseguir fazer tudo perfeitamente. Muito obrigado.

[@ivanflores476]

Excelente explicación, me estás ayudando mucho. Gracias.

[@LucianaDuret]

Excelente tutorial ! Es justamente lo que estaba buscando. Muy sencillo y de diseño delicado. FELICITACIONES

[@FalconMasters]

Genial, muchas gracias, me alegra bastante que te haya gustado y servido! :D

[@joseramong.l.1062]

Hola nuevamente, solo decir que con tus videos tan way, lo conseguí al final. Ahora me estoy peleando para conseguir que funcione el menú recursivo y el menú pegado a la vez. Gracias.

[@roycfc6301]

Muy buen tuto gracias..queria preguntarte el icono de menu hamburguesa cuando le doy click como hago para que se transforme en una X y al lado ponerle cerrar (espero me haya explicado)

[@aaradya]

nice tutorial, i have not understood ur language bcoz iam from india, but i understand way of showing........thankyou its very useful for me..............great tutorial

[@FalconMasters]

Thank you, to take your time to see my tutorial, im glad you understood the video even when you are from india.

[@jmoreno24c]

Chamo, gracias, eres lo máximo, te sigo y estoy haciendo tu curso de php

[@koner493]

Muy pero, muy bueno tu video, la verdad amigo, sinceramente mereces like (y) y suscripciones al pormayor

[@juliogarcia2223]

Uno como estos me gustaria a mi preparar para wordpress, pero es imposible encontrar un ejemplo tan bien explicado como este.

[@pabitlus]

Hola maestro. muchas gracias. En la version 400px, me quedaba el menu por detrás del contenido de mi body. Le agregué: z-index: 1; al header en @media screen.

[@FrancescMoreraPhotographer]

Enhorabuena por el tutorial, muy bien explicado. me ha sido de gran utilidad en mi continuo aprendizaje sobre diseño web. Gracias.

[@FalconMasters]

Francesc Morera Gracias a ti por ver mis videos :)

[@usecheloasada]

Muchas gracias, señor. Muy bien explicado.

[@ricardoarielgomezbaqueiro8778]

Hola Carlos, Muchísimas gracias por compartir tus conocimientos. Me ha sido de mucha utilidad. Más Gracias!!!

[@sistemasdd2257]

Muuuchíiisimas gracias por esta gran explicación!!!

[@chocco-pit]

ahora con la tecnologia de flexbox o grid se puede hacer de otra manera, o recomiendas hacerlo de la misma manera.

[@danielarganaras]

Excelente video y bien explicado.. solo tengo una consulta... hice este proyecto y abajo le puse un contenedor con imagenes.. ahora, se ne abre el menu x atras de las imagenes.. como puedo solucionarlo?? Gracias

[@darwinsalina]

Exelente!. Muy bien explicado, paso a paso. Muchas Gracias. Abrazo y feliz 2020!

[@martinaquino433]

Ya lo solucione, agregue las posiciones: position: relative; z-index: 1; muchas gracias! Saludos.

[@FalconMasters]

martin aquino Genial, me alegra que lo hayas solucionado :D

[@elbirra_]

Hola muchas gracias por el video aunque tenga ya sus años me sirvió mucho y lo entendí a la perfección, recién estoy empezando a programar y me quedo la duda de como hacer para cuando presionas sobre el link del menú este se cierre y te lleve al destino, ya sea en la misma pagina o en una diferente.

[@technobre9708]

hermano muy bueno tu video, estaba con difucultad y me resolvio todo. Gracias

[@joselaiza2586]

hola carlos arturo un favor que se tendria que hacer para cuando quieras desaparecer el menu haciendo un click al costado

[@freddybarboza8348]

yo le tenia miedo a java pero yo programo en visual basic asi que vi que es sencillo.... Gracias

[@jaimegomezcanar6210]

Excelente como lo explicas quedan los conceptos muy claros, que pena mi atrevimiento pero me gustaría saber como podría amarrar el menú desplegable a la parte de arriba cuando se desplega el texto. muchas gracias.

[@dicontal]

Hola, está muy bueno éste tutorial, solo me falta agregar un scroll al menú, ya que mi listado es largo., como hacerlo sin quitar el fixed? se puede? Gracias

[@OctavioVanVerwest]

Hola, en primera gracias por el tuto, esta muy bien. Pregunta ¿como puedo meter una pagina en el la tiqueta ? para que cuando de click en cualquiera de los de mi menu me muestra la pagina.

[@Pharmadelia]

A todos los que quieran solucionar el problema del 30:30 yo sé cómo, sólo tienes que ponerle al header un position: fixed y listo, pero el header nav quedará mal acomodado así que le tienen que poner un margin-top yo se lo puse de 61px y quedó bien pero cambié mucho las medidas que salen en el video, así que pues ya nadamás es cosa que ustedes le busquen la medida que mejor les acomode, por cierto también el contenido quedará mal acomodado, no lo he solucionado pero supongo que también con un margin-top al section se puede solucionar

[@gabrielmite]

Estimado que herramienta es la que esta en la parte superior izquierda de tu pc que aparece en el mint dos del video??? donde le das un clic y regresa a la pantalla completa, gracias por tu respuesta y soy un seguidor de tus videos...slds

[@tutorialesconocimiento1863]

Una pregunta. Tambien puedes usar un checkbox para activar el menu?

[@mutjace5621]

Muchas gracias! Fue de demasiada ayuda! Eres genial!!! Ahora nada más tengo que ver cómo hago para poder incorporar esto a la página que estoy haciendo, y hacer que la barra de menú (que ya tengo) desaparezca y se convierta en esto otro! Si tuevieras algún otro video al respecto te agradecería el link! Saludos y un estrechón de manos desde Costa Rica.

[@andrescortestrejo5694]

+FalconMasters disculpa este mismo menú lo puedes hacer con Bootstrap? Qué muestre igual los mismos iconos?

[@metalmontero14]

excelente tutorial me fue muy útil, solamente tengo una duda, ya todo me salio como quería pero lo que necesito es que al momento de hacer clic en cualquier opción del menú desplegable se vuelva a cerrar el menú,espero me puedas ayudar gracias

[@MrDadywill]

Buenas tardes, muchas gracias por compartir. Explicás genial!!!.

[@belibela100]

Muchas gracias, excelente turorial, muy bien explicado. Espero me pueda ayudar con una duda, solo pude ejecutar la pagina correctamente en Internet Explorer, pero en Chrome y Mozilla al presionar el botón de Menu no pasa nada, a que se deberá??

[@FalconMasters]

Jair Castañeda Sánchez Que extraño, debería casi ser al revés IE es el que da mas problemas siempre.

[@jeandurand4283]

Jair Castañeda Sánchez a mi me pasa lo mismo, en firefox ejecuta normal pero no abre el menú al darle click, lo resolviste?

[@bitcomserviciosintegralese6200]

Tengo el mismo problema, alguna solución por favor

[@JonnyNaz4]

Buenas tardes, muy buen tutorial, tengo una cuestion y es que puse el menu pricipal de lado izquierdo de la pantalla, y cuando aplico el JavaScript para ocultar el menu en movil con left -100px al momento de volver a maximizar la ventana no aparece, tiene que estar mostrado el menu en movil si no no aparece, y es que al momento de presionar el boton me vuelve el contador en 0 y asi lo toma en movil y no movil con lo que me mueve el menu a -100px, de antemano muchas gracias y espero puedas resolver mi problema.

[@alejandrobringasmartinez6899]

Gracias, aprendo mas con tus tutoriales que en la escuela :V

[@inferioritybull_shit2627]

+Alejandro Bringas Martinez mal lo llevas...

[@josecontreras548]

amigo muchas gracias por este nuevo tutorial esta super bien explicado te dejo saludos y gracias

[@cpaez2000]

Excelente ejemplo Carlos. Nada mas engo una duda...porque no usaste la clase "icon-list2" en lugar de la clase "menu_bar" para el evento click en el js?. Ya que segun yo el Icono con rayitas es precisamente usado como control de menu.Saludos

[@teveoenlaweb]

Hola que buen tuto sencillo y muy practico saludos,

[@josemcog]

Hola sirve para prestashop? y como se puede colocar el menu hamburguesa solo en el mobile abajo a la derecha? Gracias

[@karolbrim6889]

Hola, buen día, todo salio muy bien, solo tengo una duda, en el caso del menu yo lo coloque cargado al lado derecho de la pantalla , pero lo que me pasa es que yo quiero quitar el sobrante del nav, es decir en el ejemplo depues de Contactos a la derecha tiene un sobrante, yo quiero que solo llegue el color de fondo hasta donde termina la palabra "Contacto" Ejemplo minuto 14:20 (me refiero al sobrante de la derecha), gracias y saludos

[@Luliits91]

hola! ¿Qué hay que agregar en el código, para que en la versión móvil se cierre automáticamente al apretar cualquier vínculo?

[@EZEQUIELMATIASQUIROGA]

TE FELICITO ES LO QUE BUSCABA ENTENDÍ TODO GRACIAS¡¡

[@destradar1]

Hola gracias por compartir. Mi inquietud es por qué veo que muchos muestran sólo el responsive y no muestran nada de dar click en un elemento del menú y resaltarlo para que el usuario se de cuenta dónde dio click. Sería bueno que muestres ello. Menus clickeables no sólo hover. Creo que es importante.

[@anaisalvarez3170]

muy bueno el video pero tengo una pregunta, como lo haces para que el menu quede encima del texto que esta en el body?, a mi me quedo el menu debajo del texto

[@pizzerilo2176]

Hola! no supe descargar los iconos del sitio que recomiendas y busque otro "Flaticon" y he seguido tus paso pero no se instalan me podrías ayudar, saludos excelentes tutos!

[@AClaudiio]

tengo duda en tu carpeta de fonts? de donde salio o como es que se descargo o donde la guardo o que chow?

[@moka2698]

Carlos, en el menú cuando esta en modo de móvil, no se oculta totalmente, sobra un pedazo como lo arreglo?

[@MrOlivermarketing]

muchisimas gracias por tu gran aportacion desde SD California

[@chinoparanormal8294]

Hola una pregunta low icons tienes copyright?

[@aluctan]

Heyyyyyy!!!!!! Excelente la manera como explicas tus vídeos, como los editas y sobre todo el trabajo tan impecable que realizas! muchísimas gracias por tu aporte, me ha servido de mucho. Sigue así :D Saludos desde Colombia!

[@adicto-al-rock]

Agradecería que me dijeras cómo ocultar el nav en el screen de 800, osea: que no se muestre siempre que cargo la pagina. Un saludo y muchas gracias carnal por tan buen tuto, me ha servido mucho!! Un saludo y sigue así, eres un crack!!

[@mauriciorojas5285]

como se resuelve lo del menú al crear un encabezado? ya que al crear el encabezado, cambiarían los valores!!

[@alsan4469]

Hola que tal, lo que paso en el minuto 22 cuando desplazaste la pantalla hacia abajo y se seguia viendo el menu como se arregla?

[@kaosnocturno]

muy buen tutorial, ya lo hice y lo meti a un sitio de estoy haciendo como practica, pero tu menu sale de la pura orilla izq pero yo quiero que salga aproximadamenten unos 30px de la orilla izq, o sea que no justamente en la pura orillita, como se podria.

[@anonimols9758]

Que tal!, muy interezante!!!. felicidades. solo una pregunta. Habra alguna forma de jalar el menu arrastrando con el dedo???

[@carlosvalderrama5495]

Hola Falcom muchas gracias por tan valioso conocimiento tengo un pequeño problemita realice el paso a paso pero en el menu no se me montaron los iconos que descargue de tu pagina me puedes colaborar? gracias

[@marst-shirts3977]

una pregunta y si quiero agrebar un submenu a una categoria mmm ejemplo en el menu SE DESPLIEGAN INICIO, PROYECTOS Y SERVICIOS AHORA BIEN lo que yo quiero es que en el momento en que yo voy al boton de servicios y le doy un clic que se me despliegen en ese mismo boton 4 opciones mas como hago eso???

[@erlienromero1004]

Hola, me han sido de gran ayuda tus cursos. Tengo un sitio web, donde tengo un árbol al cual le hago clic derecho y hago diferentes acciones, pero para una table o celular no se me activa el menú secundario.

[@saberkura]

Hola buen tutorial, mas bien una consulta en tu menu, por que cuando esta en modo "Responsive" cuando lo pongo hacia el footer y al hacer click con el icono de navegacion del menu, siempre se me sube enel encabezado, cosa que no deberia hacer eso. Ya que debe de estar en su misma posicion o ubicacion, por ejemplo si estoy en el body al hacer click en el icono del menu debe de estar en el body, si estoy en el footer debe estar en el footer. Dime como soluciono este problema? que codigos se tiene que poner? y otra consulta mas cuando esta en "responsive" y hago click en los submenu, PERO si cambio al modo de "Escritorio" al pasar el mouse ya no se me despliega el menu y lo malo es que tengo que hacer un click para que se despliege, dime como se soluciona este problema, mejor dicho cuando este en modo "responsive" solamente que el java script haga esa funcion de desplegar el menu y cuando esta en modo de "Escritorio" que no me haga como el responsive si no su funcion normal..... Espero que me respondas, ya que te envie hace tiempo algunos problemas que tuve con Photoshop y aun no me haz respondido. Espero su pronta respuesta.

[@aaronmasmurro5491]

Hola por favor que tengo que poner en el archivo js para que cuando de un clic se esconda el menú, me parece que eso es importante. Gracias

[@estevankov]

hola, una pregunta... el codijo javascript se podria hacer su equivalente pero en php??