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 – Set different Slide Settings for Mobile. "Show Multiple Slides" not responsive

Carousel – Set different Slide Settings for Mobile. "Show Multiple Slides" not responsive

Scheduled Pinned Locked Moved Addons
4 Posts 2 Posters 241 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.
  • F Offline
    F Offline
    franksvamp
    wrote on last edited by
    #1

    Hello Laytheme team!

    First of all, I have been a user of Laytheme for years and I really appreciate your work and your presence in this forum.

    I came up across a problem on the Carousel Addon and would like to have your take on it.

    Problem:
    I have a project page that has a carousel with "Show Multiple Slides" option ticked in.
    It works like a charm on Desktop. However, on Mobile, the landscape format pictures are being cropped vertically and don't automatically resize in the carousel div.

    Would there then be an option to deactivate "show multiple slides" on Mobile? Maybe some Javascript or PHP hack?
    I did a test on other projects without the multiple slides on mobile and the carousel is working fine when this option is not activated, however I would like to keep it in the desktop page.

    Here are some screenshots and the link to the project page:

    http://anakena.us/strange-attraction/

    Mobile:
    Screen Shot 2022-02-13 at 12.32.47.jpg

    Desktop:
    Screen Shot 2022-02-13 at 12.32.22.jpg

    Laytheme Carousel Options:
    Screen Shot 2022-02-13 at 12.31.09.jpg

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

      Dear @franksvamp

      You could use a Custom Phone Layout for mobile:

      https://laytheme.com/documentation/custom-phone-layouts.html

      And that way you can have two different versions of Carousel depending on your design needs.


      Best
      Richard
      F 1 Reply Last reply
      0
      • RichardR Richard

        Dear @franksvamp

        You could use a Custom Phone Layout for mobile:

        https://laytheme.com/documentation/custom-phone-layouts.html

        And that way you can have two different versions of Carousel depending on your design needs.


        Best
        Richard
        F Offline
        F Offline
        franksvamp
        wrote on last edited by
        #3

        Hi @Richard,

        Thanks for your answer,
        That means that I would have to change the images in both mobile and desktop version for each post right?

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

          Dear @franksvamp

          Sorry if i don't understand fully but you can copy the current Layout into a Mobile Layout. Then go into the Carousel's and change what is needed 🌝


          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
          M
          MATTOFIRE
          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