Lay Theme Forum

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

    Image layout on iPad

    General Discussion
    2
    9
    688
    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.
    • M
      marshall last edited by

      Hey guys,

      I'm having a lot of trouble when looking at my website on an iPad.

      www.petermarshall-photography.com
      password: Jol1956p@

      When you click on the images on an iPad they have very little space at the top, and are not arranged on the page the way they appear on a laptop. It looks quite strange.

      I though about using code to create some sort of top margin that specifically targets the ratio of an iPad screen like this:

      @media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
      .ipad-portrait { margin-top: 2cm; }
      }
      @media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
      .ipad-landscape { margin-top: 2cm; }
      }

      but I am not having any luck!

      Any help would be really appreciated :))

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

        Hi @marshall

        The password does not work :-)

        Can you check this?

        Many wishes!

        Marius

        www.mariusjopen.world

        1 Reply Last reply Reply Quote 0
        • M
          marshall last edited by

          Hey @mariusjopen

          Sorry, I'm juggling so many passwords right now! The one you need is Fre1960a@

          Thanks for looking into this for me!

          1 Reply Last reply Reply Quote 0
          • M
            marshall last edited by

            Hey @mariusjopen , do you have any advice?

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

              Hi @marshall
              ok. I had a look also on an iPad.

              I cannot really see what you mean.

              Can you provide us with screenshots and show what exactly you mean?

              Thank you!

              Marius

              www.mariusjopen.world

              1 Reply Last reply Reply Quote 0
              • M
                marshall last edited by

                0_1517402639755_IMG_0637.PNG

                Hey @mariusjopen ,

                Here you go - this is how it is displayed on an iPad. As you can see, the image is very close to the top, with white space underneath. I like how the image is positioned on a computer/laptop screen (it has more space at the top), but really would like to shift it down when it is viewed on an iPad.

                Thanks so much for your help!

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

                  Hi @marshall

                  on my macbook the image is like in your iPad. On the very top of the screen.

                  Have a look:
                  0_1517543977866_Bildschirmfoto 2018-02-02 um 01.58.42 Kopie.jpg

                  Here you can change the distance from the Gridder to the top:
                  0_1517544024928_Bildschirmfoto 2018-02-02 um 02.00.01.png

                  TO only move it on the iPad you might need to use special mediaqueries. I cannot tell you now which ones you will need. But you can easily find out and test them.
                  You can just add them into the custom CSS.
                  Google: CSS media queries iPad size

                  Then you can make specific CSS changes only for the iPad

                  All the best!
                  And good luck!

                  Marius

                  www.mariusjopen.world

                  1 Reply Last reply Reply Quote 0
                  • M
                    marshall last edited by

                    Great! I managed to change it. Thanks!

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

                      Wonderful!

                      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

                      H
                      S
                      S
                      A

                      Recent Topics

                      • S

                        New fade-in / opacity bug?

                      • A

                        Unable to update lay theme / to login wp admin

                      • A

                        New button feature not available

                      • S

                        Theme crashed - because of Polylang?

                      laytheme.com