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. Bug Reports
  3. Carousel captions do not appear on smartphones

Carousel captions do not appear on smartphones

Scheduled Pinned Locked Moved Bug Reports
9 Posts 2 Posters 201 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.
  • B Offline
    B Offline
    Bottexelsensohn
    wrote on last edited by
    #1

    Hello,

    I am writing here because I am having some problems with the "Fullscreen Slider" and "Carousel" plugins.
    I have built my site using these two plugins combined.
    The Fullscreen Slider is used on the vertical axis. There is then a horizontal carousel in each vertical slide.

    Here is the address of my site: bottexelsensohn.com
    I've tried to list as accurately as possible below what I can't fix.


    DESKTOP
    Safari: carousel captions only appear after passing the first slide.


    SMARTPHONE
    The site structure remains the same as on the desktop. (Fullscreen vertical slider + carousel horizontal)
    I use the 100vh + fill slides function in the carousel so that the images always take the full height and width.

    Chrome: The problem is that the first caption of the carousel is displayed well at the bottom when you arrive on the site, but the captions are no longer displayed when you go down.
    However, when I customize the smartphone version from my computer, everything displays well in the simulation.

    Safari: the browser copies the 100vh function on the first slider, but when you go down, the site navigation hides and lets the image appear below.
    There is also the same problem as on Safari. The first caption is displayed, but when you go down the site, the captions are no longer displayed, or are hidden by the browser bar at the bottom.

    Safari (first image: caption is here) (second image: image below appear, without any captions)
    IMG_5302.PNG
    IMG_5303.PNG

    Chrome
    IMG_5304_B.jpg

    However, the captions display well on all smartphone browsers when the Fullscren Slider is disabled.
    IMG_D499DAD601A7-1.jpeg


    CUSTOM CSS
    I also tried this piece of CSS code given by Richard. It is used to change the speed of the slides animation.

    .swiper-wrapper {
    transition-duration: 600ms !important;
    }

    This changes the speed well on all browsers (desktop + smartphone) but when it reaches the last slide, it starts again at full speed on the second slide.

    Otherwise, apart from these little problems, everything works very well, it's very cool! Thanks LayTheme team!

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

      Dear @Bottexelsensohn

      Hope you are well, just to let you know I'm looking into this! šŸŒ


      Best wishes
      Richard
      1 Reply Last reply
      0
      • B Offline
        B Offline
        Bottexelsensohn
        wrote on last edited by
        #3

        Hello Richard. Thank you very much! Don't hesitate to write to me if you need more details from me.

        Have a nice day

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

          Will do @Bottexelsensohn ! have a nice day too 🌻

          1 Reply Last reply
          0
          • RichardR Offline
            RichardR Offline
            Richard
            Global Moderator
            wrote on last edited by
            #5

            Dear @Bottexelsensohn

            Hope you are well - Have the two latest updates of Lay Theme altered this thread? do you still have the same issue after upgrading to version 4.2.5?


            Talk soon šŸŒ
            Richard
            1 Reply Last reply
            0
            • B Offline
              B Offline
              Bottexelsensohn
              wrote on last edited by Bottexelsensohn
              #6

              Hello Richard, sorry for the late reply, and thanks for your feedback! Everything is fine, hope for you too :)
              We have updated the theme and extensions, but the problems still persist.

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

                Dear @Bottexelsensohn

                Am i correct that the layout has changed with no Carousel on the main page anymore? (phone layout)


                Best
                Richard
                1 Reply Last reply
                0
                • B Offline
                  B Offline
                  Bottexelsensohn
                  wrote on last edited by
                  #8

                  Hello Richard,

                  I'm not sure I understand what you are saying about the layout.

                  We have adapted the design of the smartphone version, without the images being fixed in 100vh.
                  But there are carousels for every project (except one or two).

                  Have a nice day

                  1 Reply Last reply
                  0
                  • RichardR Offline
                    RichardR Offline
                    Richard
                    Global Moderator
                    wrote on last edited by
                    #9

                    Dear @Bottexelsensohn

                    Sorry for the past comment, i lost my marbles a bit šŸŒ

                    Chrome: The problem is that the first caption of the carousel is displayed well at the bottom when you arrive on the site, but the captions are no longer displayed when you go down.

                    However, when I customize the smartphone version from my computer, everything displays well in the simulation.

                    Safari: the browser copies the 100vh function on the first slider, but when you go down, the site navigation hides and lets the image appear below.

                    There is also the same problem as on Safari. The first caption is displayed, but when you go down the site, the captions are no longer displayed, or are hidden by the browser bar at the bottom.

                    I am testing on Iphone 13 & 11 but maybe i need to go older, trying to recreate the Bug:

                    Screen Shot 2022-05-24 at 4.19.18 PM.png Screen Shot 2022-05-24 at 4.20.31 PM.png

                    Once again sorry @Bottexelsensohn if i am off the mark and need re-directing 🌻


                    Best
                    Richard
                    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
                    O
                    oli
                    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