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. Bug Reports
  3. Text content runs over col width in the phone layout

Text content runs over col width in the phone layout

Scheduled Pinned Locked Moved Bug Reports
4 Posts 2 Posters 65 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.
  • J Offline
    J Offline
    juliettakosmotak
    wrote on last edited by
    #1
    This post is deleted!
    1 Reply Last reply
    0
    • RichardR Offline
      RichardR Offline
      Richard
      Global Moderator
      wrote on last edited by
      #2

      Dear @juliettakosmotak

      The Container that holds the text is responsive. It's set in a percentage % and will shrink relative to the page ( actually to its parent container, which shrinks relative to the page )

      The font-size you have set is in pixels (px).
      This is a fixed unit and will always be 15px regardless of browser width.
      I would suggest changing it to another unit e.g % within your Text format settings. This way it should move with your website.

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


      Best
      Richard
      1 Reply Last reply
      0
      • J Offline
        J Offline
        juliettakosmotak
        wrote on last edited by
        #3

        Hi Richard,
        I fixed it with deleting any text formats with Indesign and put the plain text in the container again. And now its working.
        But thanks for your suggestion! Maybe its good to work with % to avoid this in the future.
        Bestโ€“
        J

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

          Dear @juliettakosmotak

          Thanks for the update and providing your solution, this helps others too ๐ŸŒป

          Have a wonderful day!
          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