How To Show An Open Divi Menu On Mobile Instead Of The Hamburger Icon

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

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

  • @MikeWille
    @MikeWille 3 года назад +5

    Your tutorials are the absolute best. I've watched so many of them now haha. Whenever I need to learn how to do something in Divi, you are the one that always answers it.

    • @PeeAyeCreative
      @PeeAyeCreative  3 года назад +1

      I love that 😊

    • @hendrixsergio5474
      @hendrixsergio5474 3 года назад

      i guess im asking the wrong place but does anyone know a trick to get back into an Instagram account..?
      I was stupid lost my password. I appreciate any assistance you can give me

  • @82kasparow
    @82kasparow 2 года назад +1

    Great video, but how can I line up the menu items like your footer menus?

  • @sonamtshering2627
    @sonamtshering2627 4 года назад +1

    Hey Nelson... Awesome man... Love watching your tutorials... Thank you so much for the teachings...

    • @PeeAyeCreative
      @PeeAyeCreative  4 года назад +1

      That wonderful, you're welcome! I'm so glad they are helpful!

  • @fineverynice9344
    @fineverynice9344 4 года назад +2

    Hi thank for the tutorial.
    When i apply this, in mobile, im able so move the screen a bit to the left. can you help me? thanks

    • @PeeAyeCreative
      @PeeAyeCreative  4 года назад +1

      That sounds like an issue with some content on your site being too wide, like maybe someone with negative margin off the side. You can fix that easily with #page-container { overflow:hidden; }

    • @fineverynice9344
      @fineverynice9344 3 года назад

      @@PeeAyeCreative thank you very much!! u r a LEGEND!

  • @WebMadaGrace
    @WebMadaGrace 3 месяца назад +1

    very good tutoriel
    thanks!

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

      You're welcome! Glad it was helpful.

  • @jcoreboi5017
    @jcoreboi5017 3 года назад +1

    U R the best Bro. Your tutorials R very useful. THX A LOT ..

  • @LucaLink-jc1qt
    @LucaLink-jc1qt Год назад

    hello, how do I make this option only possible in tablet mode? for me it becomes hamburger already in this mode.

  • @todortodi8518
    @todortodi8518 8 месяцев назад

    Thak you, for all the useful content you are providing.

  • @markzhang6293
    @markzhang6293 3 года назад +1

    Great video, very useful, thanks for sharing !

  • @quotesnepal
    @quotesnepal 3 года назад

    how can i make scrollable in phone :)

    • @PeeAyeCreative
      @PeeAyeCreative  3 года назад

      I'm not sure what you are asking...

    • @quotesnepal
      @quotesnepal 3 года назад

      @@PeeAyeCreative i mean swipeable horizontal menu like this tutorial: ruclips.net/video/4iDAKs3W-t8/видео.html

  • @christahamiltonpichler8359
    @christahamiltonpichler8359 2 года назад

    I couldn't get this to work... Not sure if there is a way that you can help me?

  • @zayaentertainment
    @zayaentertainment 2 года назад

    Oh my goodness!! Thank you so, so, so much!!

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

    Now that I have the responsive plug in I tried deleing the code for this but it is still displaying as open menu. just wondering if you know what I am missing?

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

      If the code is deleted, then it is most likely cached.

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

      @@PeeAyeCreative I forgot to remove the css class . It was fine after I removed those

  • @screensolutionsTube
    @screensolutionsTube 2 года назад

    Thank you very much for this. It helped me to solve this problem. but.... now i have the problem that i can not style this differently, so that it looks different to the desktop. is there any solutions for this? Thank you!

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

    Hooray! Thank you.

  • @omar_faruk_dipu
    @omar_faruk_dipu 9 месяцев назад +1

    Very Helpful

  • @carolliu
    @carolliu 3 года назад

    wow. so easy to do. thanks for the tutorial.

  • @apod-gaming
    @apod-gaming 6 месяцев назад

    How can we do this without css? Even Elementor got the option to make it using the UI.
    So far Divi is not a visual editor to me. It needs way more basic options available in the UI.
    Hopefully I'm just stupid and damaged from using Elementor.

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

      The way to do this is shown in the tutorial. If there was another way, I wouldn't have ended the tutorial. You're welcome 🙂

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

    Can we buy the code for mobile menu.

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

      The code is in the tutorial linked in the video description.

  • @shafaatkarim
    @shafaatkarim 2 года назад

    Hi, exactly what I was looking for. Thanks a lot. However, when i pasted your code exactly as you said, it did not work. I added !important after flex and none, example: display: flex!important and it worked.

  • @danbethell3340
    @danbethell3340 3 года назад

    Amazing tutorial! Is there a way to set hamburger menu for mobile format and keep the full menu for ipad?

    • @PeeAyeCreative
      @PeeAyeCreative  3 года назад +1

      For sure, just adjust the media query size.

    • @danbethell3340
      @danbethell3340 3 года назад

      @@PeeAyeCreative Thank you! I tried adjusting the query size but then it goes back to the hamburger menu for the ipad. I've pasted the code twice and set the format for both 980px and 400px?

  • @HighSpiritsGuy
    @HighSpiritsGuy 4 года назад

    Awesome, good to have learnt something new. Thank you!

    • @PeeAyeCreative
      @PeeAyeCreative  4 года назад

      Very nice, you are welcome! I am happy to hear that you learned something!

  • @nictus1
    @nictus1 3 года назад

    Thank you, very helpful

  • @AlotoSumi
    @AlotoSumi 3 года назад

    mobile menu hamburger isnt appearing. except the alphabet A. please help

  • @hkwsome
    @hkwsome 3 года назад

    Why is my menu opened on mobile? Is there a way to prevent that and force visitors to click on the burger first?

    • @PeeAyeCreative
      @PeeAyeCreative  3 года назад

      Having an open menu Instead of the default is exactly what this tutorial is showing you how to do.

    • @hkwsome
      @hkwsome 3 года назад

      @@PeeAyeCreative Nah, don't get me wrong dude. When on mobile, there's a hamburger menu displayed, but as if someone had already clicked on it, and I'd like to prevent it to behave like this

  • @elenikariolemou7363
    @elenikariolemou7363 3 года назад

    heey all my site on mobile shows small how can i make it looks normal size?

    • @PeeAyeCreative
      @PeeAyeCreative  3 года назад

      Can you share more about what you mean and perhaps a link?

  • @allowsource9401
    @allowsource9401 3 года назад +1

    Hi Nelson, Thanks for this video!. I've used the code to produce that effect on mobile for the primary menu. The menu items wrap onto a second line and use about half of the line length (which is cool) ... But the Cart icon moves all the way to the end of a third line. Have you any idea what might be causing this to happen?

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

    Thank you!

  • @MyGodTube
    @MyGodTube 3 года назад

    You did it again. You are the best1

  • @mahmoudali3046
    @mahmoudali3046 4 года назад

    Hi Nelson how are you doing I just have a question I have heard about apache cordova about how we can make our website as mobile app is this possible with WordPress since WordPress has its own server side

    • @PeeAyeCreative
      @PeeAyeCreative  4 года назад

      I'm not familiar with any of that, sorry :)

  • @javierencuadra
    @javierencuadra 3 года назад

    Al punto, preciso, ordenado. Siemplemente resuelve y enseña. Gracias. Like y suscrito.

    • @PeeAyeCreative
      @PeeAyeCreative  3 года назад

      I'm so glad you like my style, you are welcome!

  • @KlavsDubra
    @KlavsDubra 2 года назад

    Thank you a LOT😇

  • @AdaRumford
    @AdaRumford 4 года назад +1

    AWESOME! Thanks.

  • @stephanosantos7329
    @stephanosantos7329 3 года назад

    Hey, Pee-Aye, great tutorial. Is there a way to do this with the default Divi menu? The one that appears on all the pages. Thanks!

    • @PeeAyeCreative
      @PeeAyeCreative  3 года назад

      You' could try a similar approach by targeting that menu with the different css. Haven't tried it.

  • @menzothefirst
    @menzothefirst 2 года назад

    I can't get collapsible menu-items with that solution.

    • @menzothefirst
      @menzothefirst 2 года назад

      Your tutorials are the very best I've found! And I have been blocked by Google Search and named a Bot many times, due to all my searching :)

    • @PeeAyeCreative
      @PeeAyeCreative  2 года назад +1

      This type of menu would not use dropdowns.

    • @PeeAyeCreative
      @PeeAyeCreative  2 года назад +1

      Oh wow I never heard of that! Sorry they think you are a bot!

    • @menzothefirst
      @menzothefirst 2 года назад

      @@PeeAyeCreative - can't send it here. Trying to get a real bottom mobile nav. Open smide with script, and inserting menu model in the slide element. Everybody uses hrefs but I need the full navigation. Can't find the right css calls Any points? Where can i contact you or get pro support?

  • @drewspinoso4849
    @drewspinoso4849 3 года назад

    Pretty Cool!