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. General Discussion
  3. Full screen slider mobile

Full screen slider mobile

Scheduled Pinned Locked Moved General Discussion
3 Posts 2 Posters 97 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.
  • M Offline
    M Offline
    mogios
    wrote on last edited by mogios
    #1

    Hello,

    I managed to make the full screen slider working as I wanted for desktop , but I'm still struggling with the mobile version.

    As you can see on mobile on www.jeremypiret.com , I managed to write the project title next to my project thumbnails, but it results in a quite small images.
    I wish I could make the image way bigger and putting the text bellow the thumbnails, but I can't find how to do so.

    Any idea ?

    Also, could it be possible to scroll my full screen slider on mobile by clicking ? Just like on desktop

    Edit : Is it possible to enable a mouse-over (click) Project title showing on project thumbnail on mobile only but not on desktop ?

    Thanks everyone !

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

      I wish I could make the image way bigger and putting the text bellow the thumbnails, but I can't find how to do so.

      This:
      https://laytheme.com/documentation/gridder-elements.html#text-on-an-image

      but just align the text to bottom

      Or Use a Stack Element:
      https://laytheme.com/documentation/gridder-elements.html#stack-element

      Or use a caption (probably thats the easiest way)

      Also, could it be possible to scroll my full screen slider on mobile by clicking ? Just like on desktop

      Going to work on this!

      Is it possible to enable a mouse-over (click) Project title showing on project thumbnail on mobile only but not on desktop ?

      use a project thumbnail
      and then use this setting:

      customize -> project thumbnails -> project title -> visibility: mouseover
      and
      customize -> project thumbnails -> project thumbnail mouseover -> Behaviour on Mobile Devices: Show mouseover state on touch or tap, tap again to enter project

      1 Reply Last reply
      0
      • M Offline
        M Offline
        mogios
        wrote on last edited by mogios
        #3

        Thanks for all the explanations !

        For the last question about mouse over behavior, I already tried what you said, but doing so, it will still show a mouse over title on Desktop , which I don't want. Any idea ?

        Thanks again !

        Also, with browser-height for row height in mobile , the elements have some position problem.

        Check this out on mobile : https://www.jeremypiret.com/category/test/. my 10/11 and 11/11 are supposed to be on the same place, but they aren't. I don't understand why.

        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