Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Brite
  • 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. Bug Reports
  3. Carousel on mobile: Text not fully shown and not scrollable, either

Carousel on mobile: Text not fully shown and not scrollable, either

Scheduled Pinned Locked Moved Bug Reports
3 Posts 2 Posters 258 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.
  • K
    K
    klaus
    wrote on last edited by klaus
    #1

    Hello everybody, I have a problem with text slides in the carousel.

    On desktop, it works fine, but on mobile, on longer text slides, a huge part of the text is omitted.

    Example: https://klausheymach.com/sonnenallee/
    You can also see the problem if you shrink the window on desktop.

    IMG_1E4B8295371F-1.jpeg
    Bildschirmfoto 2021-08-08 um 21.19.05.png

    Same problem with different browsers.

    I activated custom phone layout, but don't know where to start. Thanks for your help!

    1 Reply Last reply
    0
    • K
      K
      klaus
      wrote on last edited by
      #2

      No idea anyone?

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

        Dear @klaus

        Sorry for my delayed reply

        I think the problem may be your use of 'px' (pixels) as a unit for your font (font-size). Currently i believe its set to 17px.

        Because px are a fixed unit they will eventually break outside their bonds when clashing with another element

        Apply a responsive text unit via "text formats" or by using Custom CSS is possible. Here in the inspector 🔍I gave 'vw' a go (viewport width):
        Screen Shot 2021-08-19 at 7.08.06 PM.png

        https://www.w3schools.com/cssref/css_units.asp


        Hope this helps Klaus have a great day and thank you for supporting Lay Theme ✅
        Richard
        1 Reply Last reply
        0

        Hello! It looks like you're interested in this conversation, but you don't have an account yet.

        Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

        With your input, this post could be even better 💗

        Register Login
        Reply
        • Reply as topic
        Log in to reply
        • Oldest to Newest
        • Newest to Oldest
        • Most Votes


        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