Lay Theme Forum

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

    Font-size problem on mobile

    General Discussion
    4
    16
    1719
    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.
    • L
      Loris last edited by

      Hi @arminunruh and everyone,
      The font size of my site is acting weirdly when loaded on moblie screen, from portrait to landscape. The size of some of my texts is going bigger when I turn my phone to landscape, and some of them stay the same size, which is not good. It seems like it's not responding to the responsive font size.
      I have tryed to change the paragraph and the font size settings, but it doesn't seem to change anything. How can I solve this issue?
      You can see it on the attached images; the font-size of the text "contact" and "instagram" are not the same in landscape: alt text
      alt text
      Here is my page.
      Thank you!
      Loris

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

        Hi @Loris

        This looks like a bug.
        Best is if you write an email to marius@thepeople.world and include your username, password and a link to this conversation.

        All the best!

        Marius

        www.mariusjopen.world

        1 Reply Last reply Reply Quote 0
        • L
          Loris last edited by

          Hi @mariusjopen,
          Ok! I have sent an email yesterday.
          All best!
          Loris

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

            Hi Loris,

            I think I solved it.

            I gave the two mobile navi elements a special div class:
            0_1508315989929_Bildschirmfoto 2017-10-18 um 10.39.04.png

            And then added a mobile navi CSS with the font size:
            0_1508316009536_Bildschirmfoto 2017-10-18 um 10.39.10.png

            I hope that works for you!

            Best!

            Marius

            www.mariusjopen.world

            1 Reply Last reply Reply Quote 0
            • L
              Loris last edited by

              Hi @mariusjopen
              Thank you! But I think there is still something wrong in there… it doesn't seem to work (see image). "contact" and "instagram" stay smaller than the rest when it is switch to landscape… It should be all the same.
              All best,
              Loris

              alt text

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

                HI @Loris
                ok, this is rather odd.

                I will double check with Armin what isa going on here.

                Best!

                Marius

                www.mariusjopen.world

                1 Reply Last reply Reply Quote 0
                • L
                  Loris last edited by

                  Hi @mariusjopen
                  Do you have any news on my issue?
                  I hope it is solveable.
                  All best,
                  Loris

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

                    Hi @Loris

                    I will let you know asap!

                    Best!

                    Marius

                    www.mariusjopen.world

                    1 Reply Last reply Reply Quote 0
                    • D
                      Davide last edited by

                      I'm having the same problem on mine.
                      It would be great to fix this!

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

                        Hi @Davide
                        we are on it.

                        Please be patient a bit guys :-)

                        Best!

                        Marius

                        www.mariusjopen.world

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

                          @Loris

                          Seems like you set the fontsize of your text not using a textformat but using the font-size dropdown in the texteditor:

                          0_1509881130710_Screen Shot 2017-11-05 at 12.24.29.png

                          Just select your text, click the "clear formats" button and then apply a textformat.

                          1 Reply Last reply Reply Quote 0
                          • D
                            Davide last edited by

                            Thanks @arminunruh this has worked for me as well.
                            Best,
                            D.

                            1 Reply Last reply Reply Quote 0
                            • L
                              Loris last edited by

                              Hi @arminunruh and @mariusjopen,
                              Unfortunately this doesn't seem to change anything for me. The result displays the same problem… What can I do?
                              Best, Loris

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

                                Hi Loris,

                                we will figure it out.

                                Best!

                                Marius

                                www.mariusjopen.world

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

                                  Hey Loris!

                                  Ok i looked at it with my iphone on landscape and the safari inspector for iphone and both of these texts have font-size 17, so they should look the same. I really don't know why.

                                  Can you put this in your css in "lay options" -> "custom css and html" and see if it makes a difference?

                                  html {
                                      -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
                                  }
                                  

                                  from https://stackoverflow.com/questions/2710764/preserve-html-font-size-when-iphone-orientation-changes-from-portrait-to-landsca

                                  1 Reply Last reply Reply Quote 0
                                  • L
                                    Loris last edited by

                                    Hi @arminunruh,
                                    This works! Thank you very much!
                                    All best,
                                    Loris

                                    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

                                    D
                                    S
                                    E

                                    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