Lay Theme Forum

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

    I see no submenu on mobile

    General Discussion
    4
    9
    444
    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.
    • K
      Kenneth last edited by

      Hello,

      I have a menu-item (Work) with two submenu-items (Publications and Clients). On desktop I used the recommended css (like the 'nadine göpfert' website) to show the submenu, but on mobile the submenu doesn't appear. Can somebody help me please?

      Best regards,
      Kenneth

      Website: https://vandepavoordt.nl/
      Browser: latest version of Chrome

      1 Reply Last reply Reply Quote 0
      • T
        Theodoros last edited by

        Hey Kenneth,

        cool i didn't know you could put submenus.

        I see them as a different new page in your mobile version. Maybe you could style that?

        (am not a developer)

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

          Dear @Kenneth
          on the mobile the sub menus get merged.

          Does that answer your question?

          Best!

          Marius

          www.mariusjopen.world

          K 1 Reply Last reply Reply Quote 0
          • K
            Kenneth @mariusjopen last edited by

            @mariusjopen Hello Marius,

            I don't quite understand you. Do you mean that a sub menu is not visible in mobile view?

            Cause on my website the submenu (under menu Work) is not been shown or merged. Hope you can explain that?

            Website: https://vandepavoordt.nl/

            Best regards,
            Kenneth

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

              Dear @Kenneth
              on my test theme the sub-page gets shown in the mobile menu.
              Do you use any extra code which is connected to the menu?
              Maybe you hide it by accident.

              Best!

              Marius

              www.mariusjopen.world

              1 Reply Last reply Reply Quote 0
              • K
                Kenneth last edited by

                Thank you Marius. Due to some css for the desktop view, I changed the CSS for mobile view. The css property "pointer-events" was set to auto instead of none. This did the trick completely.

                Cheers,
                Kenneth

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

                  Dear @Kenneth
                  ha!

                  Great!

                  Best!

                  Marius

                  www.mariusjopen.world

                  1 Reply Last reply Reply Quote 0
                  • A
                    AaronDuRall @Kenneth last edited by

                    @kenneth hey there! I was curious, how did you resolve this? This is the code I am using:

                    /submenu/
                    nav.primary .sub-menu li{
                    display: block;
                    position: relative;
                    }
                    .sub-menu{
                    padding-top: 10px!important;
                    opacity: 0;
                    transition: opacity 200ms ease;
                    -webkit-transition: opacity 200ms ease;
                    pointer-events: none;
                    position: absolute;
                    }
                    nav.primary li:hover .sub-menu{
                    opacity: 1;
                    pointer-events: auto;
                    }
                    /**/

                    I tried changing the auto to none like you'd mentioned, but the submenus still don't show on Mobile. Would love any insight on this if you have time. Thank you!

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

                      Dear @AaronDuRall
                      sweet! Thank you for sharing!

                      Best!

                      Marius

                      www.mariusjopen.world

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

                      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

                      7
                      M
                      M

                      Recent Topics

                      • M

                        komische boxen auf der Website

                      • S

                        Theme crashed - because of Polylang?

                      • J

                        Split Screen just on front page / subpages without the split?

                      • Y

                        image quality dropped

                      laytheme.com