Lay Theme Forum

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

    Safari Bug?: Vertical middle alignment not working? 1.035

    Bug Reports
    2
    6
    4182
    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.
    • J
      jpprietobaez last edited by jpprietobaez

      Hey armi,

      I'm on Lay version: 1.035.

      It seems that the vertical middle align feature is broken in Safari Version 8.0.7. All good in chrome.

      I'm trying to place a text and project element in the middle with the full screen height feature enabled and a background image. (See the attached image). PS - I've set the frame top margin to 0 px.

      Chrome on the left.

      Screen Shot 2015-08-11 at 16.21.19.png

      Let me know if you know a quick workaround.

      Thanks and hope it's just me doing something wrong.

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

        @jpprietobaez said:

        I'm trying to place a text and project element in the middle with the full screen height feature enabled and a background image. (See the attached image). PS - I've set the frame top margin to 0 px.

        Ok, I will test that.
        Meanwhile you can scroll down here and see the other way to vertically center content: http://laytheme.com/how-to-use.html
        Take a look at "Vertically Center Content"

        1 Reply Last reply Reply Quote 0
        • J
          jpprietobaez last edited by

          Thanks @arminunruh

          So, I've done some further tests with your recommendations.

          The vertical alignment 'problem' in Safari seems to happen only when the "use browser height for min-height of row" is enabled for the given row regardless of Misc Option settings.

          When I disable the min-height of row and enable the Vertically align elements options from the Misc panel the elements do align vertically in Safari, though the text element is a bit off. The downside to this approach is that my background image can't be full height anymore.

          Screen Shot 2015-08-12 at 17.25.45.png

          So, I am not sure wether this is more of a limitation rather than a problem. I'll let you be the judge of that heh..

          Again, thanks for putting all this time in making this theme so special.

          Hope this helps.

          Juan

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

            1. Use browser min-height for row.
            2. Right click row to set your background image.
            3. Set top frame and bottom frame to 0
            4. Select your text and your image and middle align them

            That doesn't work in safari?
            Or set your background image in the customizer.

            Actually the option's name is "Vertically center grid if it's smaller than browser height" (not vertically center elements)
            This means your elements, if you want them in the middle, you have to select them in the gridder and middle align them.

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

              Yeah u're right, that doesn't work anymore. Thanks for pointing that out!! Will fix that :O

              If you want you can fix that right now. Just put this CSS into Lay Options -> Misc Options -> CSS for desktop version:

              .col.align-middle{
              	-webkit-align-self: center;
              }
              
              1 Reply Last reply Reply Quote 0
              • J
                jpprietobaez last edited by

                Hey @arminunruh no problem!

                Setting the background through customiser did the trick! ( min row height disabled and Vertically center grid if it's smaller than browser height enabled)

                1 Reply Last reply Reply Quote 0
                • First post
                  Last post
                Post a link to where the problem is if possible, please <3
                I don't answer or check forum DMs, please just post on the forum.
                Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com

                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. When using a WordPress Cache plugin, disable it or clear your cache. Now see if your problem solved itself.
                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

                E

                Recent Topics

                • A

                  website error

                • Website gone all blank after update 6.3.1

                • S

                  can't update project category content

                • C

                  lightbox: how to go back to project instead of home with back button

                laytheme.com