Elementor Custom Mobile Dropdown Menu Using Containers

Поделиться
HTML-код
  • Опубликовано: 23 окт 2024

Комментарии • 33

  • @EEX97623
    @EEX97623 7 месяцев назад +2

    It's an older tutorial but had to comment - this works perfectly, been looking for a custom mobile menu solution and looked at too many that weren't quite right, thank you!

  • @younisibrahim4562
    @younisibrahim4562 10 месяцев назад +2

    Maaan, all web designers use 2 headers, one for Desktop and the other for Mobile. You're unique, bro.
    Keep it up.

    • @UrielSoto
      @UrielSoto  10 месяцев назад

      Thanks bro 🙏 I love to share

  • @SolarWedDesignStudio
    @SolarWedDesignStudio 2 месяца назад

    Im very thankful, great in-depth video. learned more on how to implement custom CSS and CSS Classes. WIll continue to watch your videos.

  • @kareldelvoye8928
    @kareldelvoye8928 Месяц назад

    Thanks, it works fine and like the explanation of the custom code.

  • @AsherWoltermann
    @AsherWoltermann 6 месяцев назад +1

    That second portion of the code that reloads the nav on screen resize isn't working for me! Anything else I can try there? It is happening if I open and close the menu in

  • @renatocagiali2550
    @renatocagiali2550 Год назад

    Thank you for the tutorial! Everything worked great, but one final issue, I am using a single page layout, and anchors for navigation, and I can't get the anchors to align with the bottom part of the menu (using sticky to top). The navigation works, but the content starts mid way thru each section, if that makes sense. Any advice? TIA!

  • @ntahlamangkokoi
    @ntahlamangkokoi 10 месяцев назад

    You are the best!!!
    Thank you so much for your video
    I love it
    easy to follow
    mine works like a charm

  • @polianefcs
    @polianefcs 8 месяцев назад +1

    I couldn't do it following your model, the menu doesn't close, it just stays open

  • @CasandraMocholíVerdejo
    @CasandraMocholíVerdejo Год назад

    Thank you very much for the tutorial! I have followed it to the letter, but it does not change the menu image to the cross when the menu is displayed... how can I fix it? Thank you again!

  • @ТВ-33ГолдовськийОлександр

    For some reason it doesn't work from inkognito mode. When testing I exited wordpress dashboard and saw that the icon doesn't even work you press on it, but it shows no reaction while when I looking the site from logged dashboard it`s working fine.

    • @UrielSoto
      @UrielSoto  3 месяца назад

      @@ТВ-33ГолдовськийОлександр clear your cache and review your speed optimization plugin if you have one. Try disabling minify js and css if you have it.

  • @bazeto
    @bazeto Год назад

    Can I show just text like a button with hover effects do advice

  • @Alice-Williams
    @Alice-Williams Год назад

    man u r great, this video helped me alot

  • @my_amazonfaves
    @my_amazonfaves 5 месяцев назад

    Can this jquery be used more than once in the drop menu I want to use it for a sub menu drop menu as well

    • @UrielSoto
      @UrielSoto  5 месяцев назад

      Yes as long as your loading the jQuery library.

    • @my_amazonfaves
      @my_amazonfaves 5 месяцев назад

      @@UrielSoto Thank you for the reply I would just need match the CSS Class to what’s in this jquery?

  • @najmmohamed1201
    @najmmohamed1201 Год назад +1

    How do you stop the menu from pushing the content down when click on open menu button?

    • @UrielSoto
      @UrielSoto  Год назад +1

      You would have to make the container that opens into position absolute I believe

  • @thomashansen1309
    @thomashansen1309 Год назад

    What if i need another color on the icon images svg. How to change that?

    • @drino532
      @drino532 Год назад

      You edit the svg before you upload

  • @fatjay9402
    @fatjay9402 Год назад +1

    doesnt work if you have sub menus

    • @lennard3100
      @lennard3100 Год назад

      It does for me.

    • @carlogustavovalenzuelazepe5774
      @carlogustavovalenzuelazepe5774 4 месяца назад

      yeah but by just going to the worpress menu and set a breakup to tablet it start working and don't forget to set the toggle button to none, that worked for me and I had just used the previous video

  • @bySterling
    @bySterling Год назад +2

    Oh my gosh bro w your talents and history yawnnn wth this is standard to do years ago w Elementor out of the box

    • @bySterling
      @bySterling Год назад

      At the very least add a subtle background image, some buttons and socials and slide over/not push the page content down (more like a lightbox effect) and overlay color effect etc w some unique easing effects

    • @UrielSoto
      @UrielSoto  Год назад +2

      I know what you mean. I should of made it a bit more unique. I just wanted to make an updated video to my old one. I have a few videos I need to get out of the way since I'm back haha. I will for sure have some interesting stuff coming. Feedback is appreciated!

  • @zerobambiro
    @zerobambiro 6 месяцев назад

    To bad this menu is just for really small pages

  • @Paul-com
    @Paul-com 4 месяца назад +1

    DISCLAIMER: If you have submenu items this does not work???? If anyone knows a workaround pls lmk!

    • @carlogustavovalenzuelazepe5774
      @carlogustavovalenzuelazepe5774 4 месяца назад

      yeah but by just going to the worpress menu and set a breakup of tablet it start working and don't forget to set the toggle button to none, that worked for me and I had just used the previous video