Lay Theme Forum

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

    Question re: Carousel Add-On + Use Browser Height

    Addons
    2
    7
    377
    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.
    • J
      jfrederick last edited by

      I have installed the carousel add-on, and I right click (using safari on my MacBook) to select the setting “use browser height for row height” however once I publish it, I still have to scroll to see the full images (without it being cut off) on the browser. Is there a way around this or should I be purchasing the slider add-on?

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

        Dear @jfrederick
        I do not really understand your question.
        Can you post a link?

        Best!

        Marius

        www.mariusjopen.world

        J 1 Reply Last reply Reply Quote 0
        • J
          jfrederick @mariusjopen last edited by

          @mariusjopen Hi! Yes - so on my homepage, Jessifrederick.com, I have carousel image add-on in use, and I have it set to "use browser height." However when my browser is set to full screen, I still have to scroll on the homepage. It isn't being responsive and sizing the content to the full-screen, locking it in, with no scrolling needed.

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

            Dear @jfrederick
            you can play around with the CUSTOM CSS:

            .lay-carousel img {
                height: 100vh !important;
            }
            
            .lay-carousel-slide {
                height: 100vh !important;
            }
            
            .lay-carousel-wrap {
                height: 100vh !important;
            }
            
            

            Let me know if that brought you further.

            Best!

            Marius

            www.mariusjopen.world

            J 1 Reply Last reply Reply Quote 0
            • J
              jfrederick last edited by

              @mariusjopen - Thank you. I just inserted that Custom CSS however now it is adding white boarders around the edges of the images on the homepage in order to make the full photo fit. Any suggestions? I want the images to still be full bleed images, just within the browser height.

              1 Reply Last reply Reply Quote 0
              • J
                jfrederick @mariusjopen last edited by

                @mariusjopen Do you have suggested pixel dimensions to use so that way the images are responsive and full screen with no padding?

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

                  Dear @jfrederick
                  the dimensions are always different depending on the window size.
                  Do the image will be cropped.

                  You can try to use the CSS command object-fit: cover; on the image.

                  Let me know if that helped.

                  Best!

                  Marius

                  www.mariusjopen.world

                  1 Reply Last reply Reply Quote 0
                  • First post
                    Last post

                  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. Now see if your problem solved itself
                  5. 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

                  M

                  Recent Topics

                  • M

                    komische boxen auf der Website

                  • S

                    Theme crashed - because of Polylang?

                  • J

                    Split Screen just on front page / subpages without the split?

                  • Y

                    image quality dropped

                  laytheme.com