How To Create a Custom Full Width Mobile Menu In Divi With No Plugins In Less Than 20 Minutes

แชร์
ฝัง
  • เผยแพร่เมื่อ 23 ม.ค. 2025

ความคิดเห็น • 16

  • @chaoscoordinator5263
    @chaoscoordinator5263 3 วันที่ผ่านมา

    Great help thanx

  • @shontam
    @shontam 5 วันที่ผ่านมา

    Thank you for the video. This is the best video I have found on making a fullwidth mobile menu. Unbelievable that Divi has still not updated such a vital part of builder. The only real problem with this solution (and most others) is that it introduces horizontal scroll when the mobile menu is open. For the life of me, I have not been able to find a solution to this problem.

    • @sarahworboyes
      @sarahworboyes  4 วันที่ผ่านมา

      I would adjust the width of the mobile menu or use this code in your CSS /*prevent horizontal scroll on mobile*/
      @media all and (max-width: 980px) {
      html,
      body {
      overflow-x: hidden;
      }
      body {
      position: relative
      }
      }

  • @joshtrudell5907
    @joshtrudell5907 8 หลายเดือนก่อน +1

    Hi Sarah - this was an incredibly helpful video. Thank you so much for putting it together!

    • @sarahworboyes
      @sarahworboyes  8 หลายเดือนก่อน

      If you have anything else that comes up that you would love to know how to do then feel free to pop it in the comments

  • @RichardWadeUK
    @RichardWadeUK 2 หลายเดือนก่อน

    Great tutorial! Thanks Sarah!

  • @MultiKezo
    @MultiKezo 2 หลายเดือนก่อน

    Thanks a lot. Have a issue how to change width of mobile dropdown menu for a client site and it's works fine :). Subbed...

  • @Fumi-TodoZacatecas
    @Fumi-TodoZacatecas 25 วันที่ผ่านมา

    Thank you very much for your video. I confirm that it has been very useful to me, I only have a doubt, the submenus of my page do not collapse like yours, but rather they appear when you click on the hamburger icon. The "+" symbol does not appear either. Wouldn't you have a video on how to achieve it?

    • @sarahworboyes
      @sarahworboyes  4 วันที่ผ่านมา

      www.peeayecreative.com/how-to-collapse-divi-mobile-menu-submenus/

  • @faticonimassimiliano
    @faticonimassimiliano 2 หลายเดือนก่อน

    Thank you! very well!

  • @Ormexrak
    @Ormexrak 4 หลายเดือนก่อน

    Hi, great video, i just have one question. I can't see to find the shortcode menu option even in the screen option settings. Any idea why ?

    • @sarahworboyes
      @sarahworboyes  4 หลายเดือนก่อน

      Go to screen the screen elements tab and it's under Show advanced menu properties to toggle on

  • @conorchapman
    @conorchapman 9 หลายเดือนก่อน +1

    Hi Sarah, just wondering how you’ve nested the submenu with the plus icons?

    • @sarahworboyes
      @sarahworboyes  9 หลายเดือนก่อน +1

      This is the best tutorial I've found on how to do this: www.peeayecreative.com/how-to-collapse-divi-mobile-menu-submenus/ you can customise the icons and styling

  • @OaklandDB
    @OaklandDB 5 หลายเดือนก่อน

    Great video! I would love to know how to make the submenus be collapsed like yours are (with the "+" next to link)?

    • @sarahworboyes
      @sarahworboyes  4 หลายเดือนก่อน

      This is the best tutorial I've found on how to do this: www.peeayecreative.com/how-to-collapse-divi-mobile-menu-submenus/ you can customise the icons and styling