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. Fullscreen Slider – Mobile View not working correctly

Fullscreen Slider – Mobile View not working correctly

Scheduled Pinned Locked Moved Bug Reports
11 Posts 2 Posters 359 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.
  • J Offline
    J Offline
    joju
    wrote on last edited by joju
    #1

    Hey dear Lay theme

    first of all: thanks for this great theme! :)

    Even though there have been some questions about this in the past, I have a question about the Fullscreen slider:

    1-mobile view projects
    On Chrome, the mobile view is working fine so far. The text under the image - the Full Screen Slider - is shown on Chrome in the Responsive version.

    But: of course it doesn't work in Safari view. Even if I position the text differently (e.g. set it higher by Space below or Y-offset), part of the text is always either cropped or not shown at all in Safari view. Actually, I'm a bit at my wit's end. I have looked for your suggestions from the existing full screen slider questions - but I could not find a suitable solution yet.

    2- When I rotate the view from portrait mobile format to horizontal, the page jumps and images, as well as text are then positioned incorrectly. I have to refresh the page again to get back to the correct display. Do you have a tip/approach how to solve this problem?

    Maybe you can help me here or give me a suggestion, where the problem could be. I would be incredibly grateful (10000000000 times haha - my nerves are almost completely used up). Thanks in advance for your answer and best regards!

    P.S.: Laytheme etc is updated. There should be no plug ins installed that can cause any problems. I have checked my CSS and HTML - they should not cause this either.

    Safari Mobil View:
    safari-cf-mobil.png

    Chrome Mobil View
    chrome-cf-mobil.png

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

      do you have a link?

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

        also its best to look at it on a real device instead of the simulated device

        The text under the image - the Full Screen Slider

        so you mean the text underneath the image is shown correctly in chrome on an iphone. you mean this screenshot right:

        Screenshot 2022-11-19 at 19.32.35.png

        and then on safari the text is cut off and you cant move it higher, that doesnt work.

        is that correct? just so i understand the issue

        J 1 Reply Last reply
        0
        • arminunruhA arminunruh

          also its best to look at it on a real device instead of the simulated device

          The text under the image - the Full Screen Slider

          so you mean the text underneath the image is shown correctly in chrome on an iphone. you mean this screenshot right:

          Screenshot 2022-11-19 at 19.32.35.png

          and then on safari the text is cut off and you cant move it higher, that doesnt work.

          is that correct? just so i understand the issue

          J Offline
          J Offline
          joju
          wrote on last edited by
          #4

          @arminunruh said in Fullscreen Slider – Mobile View not working correctly:

          so you mean the text underneath the image is shown correctly in chrome on an iphone. you mean this screenshot right:

          @arminunruh hey armin,
          thank you for your answer. I would like to have the description of the images always at the bottom of the mobile views

          and then on safari the text is cut off and you cant move it higher, that doesnt work.

          If I give the text below the image a "space bottom" of 13%, the projects look fine in Chrome on my Phone (text is then positioned at the bottom of the site). However, the text disappears on Safari (which is due to the browser bar of Safari). https://carolinefayette.com/sacred-traces/

          I tried it out with an Y-offset -23%. With this the text is visible on Safari, but on Chrome the texts are placed differently in the two browsers.
          https://carolinefayette.com/insomniacs-delight/

          Is there any solution to show the text always in safari & Chrome at the bottom of the site?

          https://carolinefayette.com/overview/
          PW: Caro

          Thank you for your answer and best wishes

          1 Reply Last reply
          0
          • J Offline
            J Offline
            joju
            wrote on last edited by joju
            #5

            Hey @arminunruh Armin, sorry to come again with the question. Maybe I have expressed myself badly.

            The text under the Fullscreen slider is positioned differently on Chrome and Safari (responsive view). To prevent the text from disappearing under the search bar on Safari, I set a Y-Offset value of the texts.

            This has of course shifted the position of the text lines in the Chrome responsive display. Is there any way to always display the text at the bottom on chrome and safari (using the fullscreenslider Plugin)?

            Thanks a lot in advance for your answer!

            cf-laytheme-resp_.jpg

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

              thanks! i understand it now, looking into this now

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

                can you please remove the offsetY / space-Y of the texts, like set them to 0?

                then make sure all of your custom phone layout layouts have a "frame top" value of 0. and a "frame bottom" value of 0.

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

                  then afterwards:

                  can you send your website address, /wp-admin/ username and password and a link to this topic to info@laytheme.com?

                  J 2 Replies Last reply
                  0
                  • arminunruhA arminunruh

                    then afterwards:

                    can you send your website address, /wp-admin/ username and password and a link to this topic to info@laytheme.com?

                    J Offline
                    J Offline
                    joju
                    wrote on last edited by
                    #9

                    @arminunruh thank you Armin! <3 I wrote you a Mail

                    1 Reply Last reply
                    0
                    • arminunruhA arminunruh

                      then afterwards:

                      can you send your website address, /wp-admin/ username and password and a link to this topic to info@laytheme.com?

                      J Offline
                      J Offline
                      joju
                      wrote on last edited by
                      #10

                      Dear @arminunruh, could you find a solution? I do not want to be intrusive, however, the titles in responsive can not be read at all since they were set to 0. For me, time is now pressing. The page should be launched to 3.12. Thank you again so much in advance and best wishes

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

                        hey there still on my todo list!

                        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
                        A
                        alasdair17
                        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