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. Carousel fit row to browser height not working on mobile

Carousel fit row to browser height not working on mobile

Scheduled Pinned Locked Moved Addons
10 Posts 2 Posters 296 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
    Brant
    wrote on last edited by
    #1

    Hi there,

    I'm using the carousel addon for the desktop version and everything works fine. However when i try to set up the carousel on mobile I'm facing two problems:

    (1). I want it to be not scrollable so i put it on "Browser height for row height", still there's scrollable space i can't get rid of.

    (2). Also I want the carousel to be mid-axial, so that the Images wont all be aligned at the bottom

    The link to the project-site is: https://runden.co/body-space/
    I'm using Safari.

    thanks a lot for this great theme!
    Norman

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

      Dear Norman

      @Brant

      I think the Row is correct with browser height 100vh but there is a 2% padding top and padding bottom on your phone layout.

      Screen Shot 2022-01-27 at 9.22.33 AM.png

      Removing it within a browsers inspector leaves you with no scroll.

      What "frame" settings do you have for your Mobile Layout?

      Screen Shot 2022-01-27 at 9.24.21 AM.png

      Regarding mid-axial does the middle align setting work for you?

      Screen Shot 2022-01-27 at 9.25.43 AM.png


      Talk soon & best wishes Norman
      Richard
      1 Reply Last reply
      0
      • B Offline
        B Offline
        Brant
        wrote on last edited by Brant
        #3

        Hi @Richard,

        thanks for your quick answer! I got rid of the padding and it worked. Regarding the mid-axial Slider I probably wasn't too specific. The Slider it self is centered, but the images within the Slider are bottom aligned. Is there a way to center them as well?

        thanks a lot
        Norman

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

          Dear Norman

          @Brant

          I see, they should be aligned when using "centered Slides"

          Screen Shot 2022-01-31 at 9.01.38 AM.png

          Let me know how you go & have a great day šŸ–

          Richard
          Lay Theme Team

          B 1 Reply Last reply
          0
          • RichardR Richard

            Dear Norman

            @Brant

            I see, they should be aligned when using "centered Slides"

            Screen Shot 2022-01-31 at 9.01.38 AM.png

            Let me know how you go & have a great day šŸ–

            Richard
            Lay Theme Team

            B Offline
            B Offline
            Brant
            wrote on last edited by Brant
            #5

            @Richard thanks, but unfortunately that doesnt do anything for me. the slides stay bottom-aligned.

            Bildschirmfoto 2022-02-01 um 10.24.00.png

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

              Dear @Brant

              Just to confirm - when viewing your site the Alignment matches that of the images above - are the originals of the images different and you want the aligned? (i.e is that the correct 'whole' image or the carousel is cutting some off)

              Screen Shot 2022-02-02 at 9.44.36 AM.png
              Screen Shot 2022-02-02 at 9.44.43 AM.png


              Best wishes
              Richard
              B 1 Reply Last reply
              0
              • RichardR Richard

                Dear @Brant

                Just to confirm - when viewing your site the Alignment matches that of the images above - are the originals of the images different and you want the aligned? (i.e is that the correct 'whole' image or the carousel is cutting some off)

                Screen Shot 2022-02-02 at 9.44.36 AM.png
                Screen Shot 2022-02-02 at 9.44.43 AM.png


                Best wishes
                Richard
                B Offline
                B Offline
                Brant
                wrote on last edited by
                #7

                Hi @Richard

                thanks for coming back at me on this topic. Like the title says, my problem is with the mobile view. there the images within the carousel should be centered, not bottom aligned.

                Thanks for your help
                Norman

                IMG_7925.PNG

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

                  Dear Norman

                  @Brant

                  I see šŸŒ sorry about not registering the mobile. Do you use a Custom Phone Layout for your mobile? If so have the Carousel Setting been adjusted there:

                  Screen Shot 2022-02-10 at 11.19.09 AM.png


                  Best
                  Richard
                  B 1 Reply Last reply
                  0
                  • RichardR Richard

                    Dear Norman

                    @Brant

                    I see šŸŒ sorry about not registering the mobile. Do you use a Custom Phone Layout for your mobile? If so have the Carousel Setting been adjusted there:

                    Screen Shot 2022-02-10 at 11.19.09 AM.png


                    Best
                    Richard
                    B Offline
                    B Offline
                    Brant
                    wrote on last edited by
                    #9

                    @Richard no worries :) I use the Custom Phone Layout on mobile and also checked the "Centered Slides" Box there. I think by standard the carousel aligns the images at the bottom, the question remains if there's a way of centering them. Thanks!

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

                      Dear @Brant

                      Sorry that this has become back and forth but maybe it's best resolved if i can have a better look and whats going on.

                      If you feel comfortable doing so you can always send me your login details via 'Chats' and i can inspect and maybe we can even add some custom code if Lay Theme functions cant help us šŸŒ

                      (Note : Please do not disclose any private info on the thread itself)


                      Talk soon
                      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
                      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