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. Addons
  3. Mobile Fullscreen Slider problems: text not visible & Continuous Horizontal not working

Mobile Fullscreen Slider problems: text not visible & Continuous Horizontal not working

Scheduled Pinned Locked Moved Addons
17 Posts 5 Posters 407 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.
  • G Offline
    G Offline
    Georges
    wrote on last edited by
    #1

    Hello Lay Theme Crew,

    Take 2: my post five minutes ago completely disappeared.

    I'm having two problems with Fullscreen Slider on mobile that I hope you can help me with.

    Test page: https://www.practise.co.uk/test
    Viewing on Mobile Safari, iOS 13.3.1, iPhone XS

    1
    Text boxes not visible
    Using "Phone Layout", setting images as "Row Image Background", and each row as “Use Browser Height for Row Height”, I then add a text box, set "Align Bottom". Checking the page on my phone, I can't find any way to make the text box visible. It just completely disappears. I'm trying to have base-aligned caption texts, like the desktop version of this page.

    2
    Continuous Horizontal not working
    Again, checking the page on my phone, I have three rows (slides) for this test page, and the slider stops at the third slide. It won't proceed back to the first slide, in spite of having “ Continuous Horizontal” ticked in “Lay Options > Fullscreen Slider Addon”.

    I've been stuck on these two issues for quite a while. My current homepage uses a Carousel, but I don't like how the page bounces up and down on mobile, hence my desire to use a Fullscreen Slider...

    Big thanks for your help.

    1 Reply Last reply
    0
    • mariusjopenM Offline
      mariusjopenM Offline
      mariusjopen
      Global Moderator
      wrote on last edited by
      #2

      Dear @Georges
      Do you have any third-party plugins installed or CUSTOM JS code? Is it possible to deactivate it for a moment to see if the problem remains?

      Marius

      www.mariusjopen.world

      1 Reply Last reply
      0
      • G Offline
        G Offline
        Georges
        wrote on last edited by
        #3

        Hi Marius,

        Good points, thanks for your response. But I tried deactivating each plug-in one at a time (just basic ones: Akismet, Duplicator, Jetpack, and UpdraftPlus), no change. The only JS code I have throughout the entire install is for Google Analytics, which I also tried taking out. Still no text visible, and still no “Continuous Horizontal”...

        G

        1 Reply Last reply
        0
        • ? Offline
          ? Offline
          A Former User
          wrote on last edited by
          #4

          Hi @mariusjopen,

          We also have the same problem, will love to have your help on that.
          Thanks in advance!

          1 Reply Last reply
          1
          • ? Offline
            ? Offline
            A Former User
            wrote on last edited by
            #5

            Hey @mariusjopen ,

            Thanks for the update, it solved the first part of the problem on mobile, but only on Safari not google chrome.

            Also, the second problem that @Georges mention is still the same. Indeed the continuous horizontal does not work on mobile (chrome and safari). On the desktop, when you click on the last slide (with the fading option activated), there is not a fading animation, it jumps brutally to the first slide.

            Many thanks for you help and for developing laytheme!

            1 Reply Last reply
            0
            • G Offline
              G Offline
              Georges
              wrote on last edited by
              #6

              @AStudio Can you clarify what exactly solved the invisible text problem for you?

              1 Reply Last reply
              0
              • G Offline
                G Offline
                Georges
                wrote on last edited by Georges
                #7

                Well ok! I just updated to 2.9.8, and bingo, the text captions now show up on mobile in Fullscreen Slider. Problem 1 solved! (Removal of any JS or plug-ins not necessary)

                Now, “Continuous Horizontal”, which, like @AStudio, still stops at the final slide rather than looping back to the first.

                Your move, @mariusjopen!

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

                  Dear @Georges
                  on mobile right now all your images are underneath each other.

                  Best!

                  Marius

                  www.mariusjopen.world

                  1 Reply Last reply
                  0
                  • G Offline
                    G Offline
                    Georges
                    wrote on last edited by
                    #9

                    @mariusjopen I've moved on from the test page now, since the text box issue was fixed I'm now live with my updated homepage https://www.practise.co.uk

                    "Continuous Horizontal" continues to be broken on mobile... I hope you can help?

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

                      Dear @Georges
                      ok, the carousel works on mobile basically.
                      But the images fade in in a weird way and it does not continue with the first slide, once the last slide is reached.
                      That's the issue, right?

                      Best!

                      Marius

                      www.mariusjopen.world

                      1 Reply Last reply
                      0
                      • G Offline
                        G Offline
                        Georges
                        wrote on last edited by
                        #11

                        Hi @mariusjopen

                        It's Fullscreen Slider we're talking about here, not the Carousel add-on. Slider on mobile is working fine, text boxes are now visible when placed in a row with image set as background.

                        The remaining problem is “Continuous Horizontal” with Fullscreen Slider on mobile. Even though it's turned on, it doesn't work. When you swipe through all the slides (rows), it stops at the end, it doesn't slide through to the first slide again, as expected (and as it works on desktop).

                        Hope you can fix it!

                        Big thanks.

                        1 Reply Last reply
                        0
                        • mariusjopenM Offline
                          mariusjopenM Offline
                          mariusjopen
                          Global Moderator
                          wrote on last edited by
                          #12

                          Dear @Georges
                          ok. We will have a closer look!

                          Thank you!

                          Marius

                          www.mariusjopen.world

                          1 Reply Last reply
                          0
                          • G Offline
                            G Offline
                            Georges
                            wrote on last edited by
                            #13

                            Thanks @mariusjopen!

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

                              Hey everybody, thanks for waiting for me.

                              Actually Continuous Horizontal does not work for mobile and never will. Please use the carousel addon instead if you want to do something like that. I will add an explanation text for this to the fullscreen slider options.

                              With the carousel addon you can also set the caption to be on top of the carousel, in the bottom left corner for example.

                              You're saying

                              My current homepage uses a Carousel, but I don't like how the page bounces up and down on mobile, hence my desire to use a Fullscreen Slider...

                              Can you send me a link where I can see the page bouncing up and down on mobile when using a carousel? If I would fix that, I think you could use the carousel addon instead of the fullscreen slider addon.

                              Please send it to info@laytheme.com with a link to this topic.

                              @Georges when using fading for fullscreen slider, there is no need to use continuous horizontal. That's just useful for when the fading effect is disabled.

                              @Georges for further problems / questions like the fading not working properly, please create your own new post.

                              1 Reply Last reply
                              0
                              • G Offline
                                G Offline
                                Georges
                                wrote on last edited by
                                #15

                                @arminunruh Thanks for the response, even if it’s disappointing. Fullscreen slider is actually working really well now on mobile apart from it not looping on the last slide. That’s all. Really not possible? I guess I can try and remake the page with the carousel.

                                As for fading, I didn’t ever mention this. That’s something that @AStudio jumped in and added to the conversation.

                                1 Reply Last reply
                                0
                                • BaptisteB Offline
                                  BaptisteB Offline
                                  Baptiste
                                  wrote on last edited by Baptiste
                                  #16
                                  This post is deleted!
                                  1 Reply Last reply
                                  0
                                  • BaptisteB Offline
                                    BaptisteB Offline
                                    Baptiste
                                    wrote on last edited by
                                    #17
                                    This post is deleted!
                                    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
                                    arminunruhA
                                    arminunruh
                                    F
                                    francesco
                                    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