Lay Theme Forum

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

    Fullscreen Slider — Mobile

    Addons
    slider fullscreen mobile
    2
    6
    1662
    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.
    • M
      mike last edited by

      Hi Armin

      I am using the fullscreen slider add on. It is working great for desktop however I want to completely disable it for mobile so that the site is 100% width on any device (currently the images are being cropped off). I have ticked the disable for phone option but this just turns of the magnetic slide. Any advice?

      http://www.rolandbrauchli.com/

      Many thanks

      Mike

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

        Hey Mike, you are using row background images for all of your images right?

        1 Reply Last reply Reply Quote 0
        • M
          mike last edited by

          Yes I am using the background image per row with 'Use browser height' ticked. I am using a Page rather than a Project / Category if that makes a difference.

          Thanks!

          M

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

            Hi Mike, sorry for my late response, was a busy last week.

            Try this CSS in "Lay Options" -> "Custom CSS" -> "Custom CSS for Mobile"

            .background-image img.bgh100, .background-image img.bgw100{
                height: auto;
                width: 100%;
                top: 0;
                left: 0;
                -webkit-transform: none;
                -ms-transform: none;
                transform: none;
                position: relative;
            }
            
            .background-image{
                position: relative;
                margin-bottom: 5%;
            }
            
            .row._100vh, .row-inner._100vh{
                min-height: 0!important;
            }
            

            You can change the margin-bottom: 5% value to have a different space between the images.

            1 Reply Last reply Reply Quote 0
            • M
              mike last edited by

              That works! Thanks so much, don't know how you keep with all this! You are doing a great job :thumbsup:

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

                Thanks a lot mike!! :)

                1 Reply Last reply Reply Quote 0
                • First post
                  Last post
                Post a link to where the problem is if possible, please <3
                I don't answer or check forum DMs, please just post on the forum.
                Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com

                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. When using a WordPress Cache plugin, disable it or clear your cache. Now see if your problem solved itself.
                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

                E

                Recent Topics

                • A

                  website error

                • Website gone all blank after update 6.3.1

                • S

                  can't update project category content

                • C

                  lightbox: how to go back to project instead of home with back button

                laytheme.com