Lay Theme Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Popular
    • Users
    • Search

    Text line spacing across desktop and mobile

    Feedback
    3
    6
    757
    Loading More Posts
    • 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
      blacktower last edited by

      Hi,

      I'm having some issues with text formatting across desktop and mobile. If I use anything smaller than double line spacing in textboxes, the text becomes crammed when viewed on a mobile device. I've had to use double spacing so that it looks alright on both, but I would really rather having single spacing across both desktop and mobile.

      My site is blacktowerprojects.com if that helps.

      Thanks,
      Phil.

      1 Reply Last reply Reply Quote 0
      • mariusjopen
        mariusjopen Global Moderator last edited by

        Hi @blacktower

        So you cannot change the textformat for your mobile device?

        0_1507883758243_Bildschirmfoto 2017-10-13 um 10.35.24.png

        Let me know :-)

        Marius

        www.mariusjopen.world

        1 Reply Last reply Reply Quote 0
        • B
          blacktower last edited by

          Hi @mariusjopen

          I can only change the line height within text boxes - and that makes changes across both desktop and mobile. Although, I may have missed something as I can't quite work out where that screenshot was made!

          Cheers,

          Phil.

          1 Reply Last reply Reply Quote 0
          • mariusjopen
            mariusjopen Global Moderator last edited by

            Hi @blacktower

            Have a look in textformats:
            0_1508315429547_Bildschirmfoto 2017-10-18 um 10.30.07.png

            Let me know if you need further help!

            Best!

            Marius

            www.mariusjopen.world

            1 Reply Last reply Reply Quote 0
            • Surpluss1
              Surpluss1 last edited by Surpluss1

              I'm having the same issue. Changing the text formats won't work as you can't use two different text formats for mobile and desktop.

              Here is how it looks like on desktop:

              1_1539284162385_2018-10-11 20_54_50-Bjørn Martin Saastad — Graphic Design.png 0_1539284162384_2018-10-11 20_55_20-Bjørn Martin Saastad — Designated.png

              and here is how it looks like on phone:

              1_1539284185072_2018-10-11 20_55_02-Bjørn Martin Saastad — Graphic Design.png 0_1539284185072_2018-10-11 20_55_28-Bjørn Martin Saastad — Designated.png.

              I've checked, and both the phone version and the desktop version should have the same spacing, because you can't adjust them individually, so how do you fix this?

              Edit:

              I figured it out. So, to make it clear for anyone who potentially may run into a similar issue, this is what I found out and did.

              To fix the formatting, I made a new format based on the default, which I was using and customizing earlier. This was essentially the root of my issues, as you should make formats for everything, just like in InDesign. I made it 15px for desktop and mobile, to check if it would behave any differently.

              Then I went into Customizing > Project Thumbnails > Project Description and changed it from 15px to 0px in the Space Top. The 15px was no longer needed, as I had to alter it to look good before I made a proper format for my project descriptions, which was the wrong way of doing it anyway.

              One of the most important things I screwed up though, was that I was using the default text format with a line height of 1.2, which I then changed to 0.7 in the text editor itself. That gave me a line height of 1.2 on desktop and 0.7 on mobile, which I didn't understand at all. The solution is to wipe all of the formatting in the editor and make proper formats to use for your text. Use the editor as little as possible for text modification like that.

              1 Reply Last reply Reply Quote 1
              • mariusjopen
                mariusjopen Global Moderator last edited by

                Dear @Surpluss1
                ah great! Happy you figured it out!

                And thank you for sharing your solution!

                Best!

                Marius

                www.mariusjopen.world

                1 Reply Last reply Reply Quote 0
                • First post
                  Last post

                Before you post

                Use the Search Feature. Maybe there is already a solution to your issue.

                1. Update Lay Theme and all Lay Theme Addons
                2. Disable all Plugins
                3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
                4. Now see if your problem solved itself
                5. Go here, see if your problem is listed here:
                Troubleshooting

                When you post:
                1. Post a link to where the problem is
                2. If the problem is difficult to explain, post screenshots / link to a video to explain it

                Thanks!

                Online Users

                T
                D
                S

                Recent Topics

                • A

                  Unable to update lay theme / to login wp admin

                • A

                  New button feature not available

                • S

                  Theme crashed - because of Polylang?

                • A

                  carousel addon not working after update

                laytheme.com