Lay Theme Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Popular
    • Users
    • Search

    Use mobile menu on desktop

    General Discussion
    4
    11
    230
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • N
      Neil last edited by

      Re: Use mobile menu as desktop menu

      Allowing the use of the mobile menu on the desktop has been asked for and promised in the past (see topic above). Is there an ETA for this feature, could you share a roadmap with us?

      1 Reply Last reply Reply Quote 0
      • Richard
        Richard Global Moderator last edited by Richard

        Dear @Neil

        Thank you for bringing this up,
        Currently we are unable to provide any further information about development or share a roadmap with you,

        Apologies for this,
        please know that we are working on it and always hope to improve Lay Theme for its users and take into consideration their suggestions.

        When we have reached the next major step in development I can let you know that it's on its way.

        As always thank you for your patience surrounding this topic and for using Lay Theme.

        Best Wishes

        Sincerely
        Richard

        1 Reply Last reply Reply Quote 0
        • V
          veit last edited by

          Dear @Richard-K

          Happy New Year!
          Any progress on this topic? Would love to use the burger menu for desktop version.

          Many thanks and Kudos for your work on Lay Theme!

          1 Reply Last reply Reply Quote 0
          • Richard
            Richard Global Moderator last edited by Richard

            Dear @veit

            Apologies but still no update for this, no built in Lay Theme options for this.

            An option is always to use the Custom HTML & CSS to create your own custom Hamburger menu for the desktop pages - There is a lot of simple Hamburger Menu tutorials out there that could be easily implemented :)

            I have seen this done on Lay Theme pages in the past

            Best wishes for 2021
            Richard

            1 Reply Last reply Reply Quote 0
            • emgeoffice
              emgeoffice last edited by

              Does anyone have a hint what to do in CSS to make the mobile menu visible above the max-width of CPL? I created two menus: Primary menu for desktop is empty and therefore invisible. I want to display the mobile menu in the exact same design it has on CPLs on every screen size. Thanks!

              1 Reply Last reply Reply Quote 0
              • Richard
                Richard Global Moderator last edited by Richard

                Dear @emgeoffice

                To use Lay Theme's built in Mobile menu for all screen sizes you would need to set the phone breakpoint high.
                (Use custom phone layouts for content)

                Lay Theme offers a Sub-menu feature:

                https://laytheme.com/documentation/menus.html#submenus

                It may be a good starting point as they have similarities :
                Screen Shot 2022-04-16 at 3.32.22 PM.png Screen Shot 2022-04-16 at 3.32.58 PM.png

                Setting Sub-menu behaviour to 'Click'. Position Menu top-right - Change "Text" of Sub-menu to image.

                LINKS:

                http://laythemeforum.com:4567/topic/7282/use-mobile-menu-on-desktop-easy-tutorial-drop-down-menu-right-aligned-text/6

                http://laythemeforum.com:4567/topic/6991/upload-image-for-menu-item/2

                http://laythemeforum.com:4567/topic/5995/burger-menu-in-desktop-view/3


                Best wishes
                Richard
                1 Reply Last reply Reply Quote 1
                • emgeoffice
                  emgeoffice last edited by

                  Thanks Richard, this helped me a lot. Sorry for not being able to find this old thread before – there were just too many.

                  Now my menu is working so far but I need to adjust some more details: I want to add a color overlay over the site when the menu is open and I want to display the menu icon on the right and the sub-menu items on the left when open. Also I want to have a full color overlay over the whole site when opening the menu.

                  Once I will get there and the page is being published by the client I will happily share the result with you (if I will be successfull :D).

                  1 Reply Last reply Reply Quote 0
                  • Richard
                    Richard Global Moderator last edited by

                    Dear @emgeoffice

                    When the sub-menu is opened the class show-submenu-desktop is added. You can make use of this class to apply whatever you wish to the website.

                    Screen Shot 2022-05-09 at 9.10.47 AM.png Screen Shot 2022-05-09 at 9.10.53 AM.png


                    Best
                    Richard
                    1 Reply Last reply Reply Quote 0
                    • emgeoffice
                      emgeoffice last edited by

                      I was able to do most of what I wished to do in the past few days with the help of this thread but I am still struggling with the color background and the margin atop the first menu item. I will check the CSS again with your info. Thanks!

                      1 Reply Last reply Reply Quote 1
                      • emgeoffice
                        emgeoffice last edited by

                        @Richard thank you for your help again. I sat down for an hour or so and followed all your hints and was able to achieve the desired result all within custom CSS. This is awesome!

                        1 Reply Last reply Reply Quote 0
                        • Richard
                          Richard Global Moderator last edited by

                          Dear @emgeoffice

                          Amazing! really happy to hear it worked, have a wonderful day and of course thank you as always for supporting Lay Theme ⭐️


                          sincerely
                          Richard
                          1 Reply Last reply Reply Quote 0
                          • First post
                            Last post

                          Try this to fix issues before you post:

                          Use the Search Feature. Maybe there is already a solution to your issue.

                          1. Update Lay Theme and all Lay Theme Addons
                          2. Disable all Plugins
                          3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
                          4. Now see if your problem solved itself
                          5. Go here, see if your problem is listed here:
                          Troubleshooting

                          When you post:
                          1. Post a link to where the problem is
                          2. If the problem is difficult to explain, post screenshots / link to a video to explain it

                          Thanks!

                          Online Users

                          M
                          I
                          M
                          L
                          G

                          Recent Topics

                          • text underline

                          • open all links in a thumbnail grid in a new tab

                          • lazy loading affects project thumbnail mouseover images

                          laytheme.com