Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse

Lay Theme Forum

  1. Home
  2. General Discussion
  3. turn off overlay in mobile view

turn off overlay in mobile view

Scheduled Pinned Locked Moved General Discussion
15 Posts 3 Posters 280 Views
  • 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.
  • arminunruhA Offline
    arminunruhA Offline
    arminunruh
    Global Moderator
    wrote on last edited by
    #3

    ah i understand! mmh let me check

    1 Reply Last reply
    0
    • arminunruhA Offline
      arminunruhA Offline
      arminunruh
      Global Moderator
      wrote on last edited by arminunruh
      #4

      hey so when you press a link inside the page overlay, usually the page overlay closes itself. both on desktop and on mobile:

      https://capture.dropbox.com/2wG6guRIZqhheHzJ

      for you taht doesnt work? do u have a link to your website?

      1 Reply Last reply
      0
      • S Offline
        S Offline
        spontans
        wrote on last edited by
        #5

        Oh, actually I've already disabled the overlay because the user has added more content and it started to overflow... so I will add another question - is it possible to enable vertical scroll of the page on overlays?

        Here is the website (I've enabled the overlay again for the Info page):
        https://tamirhayun.com/
        On mobile, when clicking on the "close" button, it closes the overlay but leaves the menu open. My desired result is that the menu will be closed and the page that lies under the overlay will be shown.

        1 Reply Last reply
        0
        • arminunruhA Offline
          arminunruhA Offline
          arminunruh
          Global Moderator
          wrote on last edited by
          #6

          inside an overlay you should be able to scroll up and down if there is more content.
          make sure if your overlay is only one row, its not a browser height row

          ok i see you have a info overlay

          but it doesnt contain a link.
          and thats what the problem was: you have a link in an overlay, if it is clicked the overlay should close, but it didnt.

          was it an external link?
          i think it just closes if its an internal link

          ah ure talking about the close button now.
          ok the close button is just a close button for closing the overlay.
          not for closing the mobile menu, those are 2 different things

          1 Reply Last reply
          0
          • arminunruhA Offline
            arminunruhA Offline
            arminunruh
            Global Moderator
            wrote on last edited by
            #7

            you can do this:

            <script>
            jQuery(document).on("click", ".overlay-close", function(event) {
            	window.mobile_menu_controller.hideMobileMenu()
            });
            </script>
            

            Enter this css in "lay options" -> "custom css & html" -> "custom head content"

            1 Reply Last reply
            0
            • arminunruhA Offline
              arminunruhA Offline
              arminunruh
              Global Moderator
              wrote on last edited by
              #8

              this should also close your mobile menu when you close your page overlay

              1 Reply Last reply
              0
              • S Offline
                S Offline
                spontans
                wrote on last edited by
                #9

                I like your brainstorming monologue in the previous reply (:

                Thanks for this solution, it is exactly what I needed!

                1 Reply Last reply
                0
                • arminunruhA Offline
                  arminunruhA Offline
                  arminunruh
                  Global Moderator
                  wrote on last edited by
                  #10

                  im glad it works!!

                  1 Reply Last reply
                  0
                  • P Offline
                    P Offline
                    piranha
                    wrote last edited by
                    #11

                    Hi, I set the overlay on preload for the desktop version but I dont want it to show for the mobile at all and still use it with a preload on desktop. Is there a way to do that?

                    1 Reply Last reply
                    0
                    • arminunruhA Offline
                      arminunruhA Offline
                      arminunruh
                      Global Moderator
                      wrote last edited by
                      #12

                      hello! why would you want to do that?

                      1 Reply Last reply
                      0
                      • P Offline
                        P Offline
                        piranha
                        wrote last edited by
                        #13

                        Hi! Because it keeps on preloading on mobile and blocking the content underneath it, even the menu. So when people visit the web on mobile they cannot access to anything other than the overlay page and think its broke or something. Its been really usefull the preload for the desktop version because its a display of the general info of the project, so I want them to see that when they visit the front page, but I dont need it on the mobile. So I guess my question is: could I only leave the preload of the overlay on desktop and off on mobile?

                        1 Reply Last reply
                        0
                        • arminunruhA Offline
                          arminunruhA Offline
                          arminunruh
                          Global Moderator
                          wrote last edited by
                          #14

                          oh!
                          do you have a link for me so i can check it out please?

                          1 Reply Last reply
                          0
                          • arminunruhA Offline
                            arminunruhA Offline
                            arminunruh
                            Global Moderator
                            wrote last edited by
                            #15

                            so i understood you wanted to turn off the page overlay feature for mobile.
                            but i see you dont mean this.

                            you mean you want to turn off the overlays getting preloaded for mobile

                            So when people visit the web on mobile they cannot access to anything other than the overlay page and think its broke or something.

                            the overlays being preloaded for mobile shouldn't interfere with any other functionality. thats why it would be super useful for me to take a look at ur site to see whats going on

                            you can also send it to my email if u want: info@laytheme.com

                            1 Reply Last reply
                            0
                            Reply
                            • Reply as topic
                            Log in to reply
                            • Oldest to Newest
                            • Newest to Oldest
                            • Most Votes


                            I also code custom websites or custom Lay features.
                            šŸ’æ Email me here: šŸ’æ
                            info@laytheme.com

                            Before you post:
                            1. When using a WordPress Cache plugin, disable it or clear your cache.
                            2. Update Lay Theme and all Lay Theme Addons
                            3. Disable all Plugins
                            4. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"

                            This often solves issues you might run into

                            When you post:
                            1. Post a link to where the problem is
                            2. Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
                            3. If the problem is difficult to explain, post screenshots / link to a video to explain it
                            Online Users
                            Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com
                            laytheme.com
                            • Login

                            • Don't have an account? Register

                            • Login or register to search.
                            • First post
                              Last post
                            0
                            • Recent
                            • Tags
                            • Popular
                            • Users
                            • Search