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. iPad Mini Landscape/Portrait mode

iPad Mini Landscape/Portrait mode

Scheduled Pinned Locked Moved Bug Reports
13 Posts 3 Posters 762 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.
  • Hayo GebauerH Offline
    Hayo GebauerH Offline
    Hayo Gebauer
    wrote on last edited by
    #1

    On an iPad mini my website shows the desktop Version if the iPad is held sideways, and the mobile version if it’s held like a phone. Rotating the iPad kind of crashes the layout of the website (switching between desktop and mobile). Is there a way to only enable either mobile or desktop version for tablets?

    1 Reply Last reply
    0
    • mariusjopenM Offline
      mariusjopenM Offline
      mariusjopen
      Global Moderator
      wrote on last edited by
      #2

      Dear @Hayo-Gebauer
      can you post a link to your website?

      Best!

      Marius

      www.mariusjopen.world

      Hayo GebauerH 2 Replies Last reply
      0
      • mariusjopenM mariusjopen

        Dear @Hayo-Gebauer
        can you post a link to your website?

        Best!

        Marius

        Hayo GebauerH Offline
        Hayo GebauerH Offline
        Hayo Gebauer
        wrote on last edited by
        #3

        @mariusjopen hayogebauer.com

        1 Reply Last reply
        0
        • edgrbnzE Offline
          edgrbnzE Offline
          edgrbnz
          wrote on last edited by edgrbnz
          #4

          I guess you don’t want the mobile Version to show up at 768px screen width, right?

          You can just tweak the Phone Breakpoint in the Lay Options. If you set it lower than 768px the phone Version will not be rendered on an iPad Mini (or tablet with a similar screen width):
          0_1548854056222_Pasted_Image_30_01_19__14_13.jpg


          One minor UX tip:
          When one dives into any of your projects the user might feel kinda lost. There’s no link/logo/thing in the header area to go back to frontpage (as expected).
          Since you added a Frontpage link in the info section I pressume you may have done that on purpose but it kinda feels weird/lost inside the projects.

          Nonetheless: Clean and cool site!

          ✦ ✦ ✦

          Hayo GebauerH 1 Reply Last reply
          1
          • edgrbnzE edgrbnz

            I guess you don’t want the mobile Version to show up at 768px screen width, right?

            You can just tweak the Phone Breakpoint in the Lay Options. If you set it lower than 768px the phone Version will not be rendered on an iPad Mini (or tablet with a similar screen width):
            0_1548854056222_Pasted_Image_30_01_19__14_13.jpg


            One minor UX tip:
            When one dives into any of your projects the user might feel kinda lost. There’s no link/logo/thing in the header area to go back to frontpage (as expected).
            Since you added a Frontpage link in the info section I pressume you may have done that on purpose but it kinda feels weird/lost inside the projects.

            Nonetheless: Clean and cool site!

            Hayo GebauerH Offline
            Hayo GebauerH Offline
            Hayo Gebauer
            wrote on last edited by
            #5

            @edgrbnz thanks for the tipp, I'm always confused by the retina display resolution and the "actual" pixel count of the display.

            Regarding the website: thanks for the feedback, I have a hard time including a logo, since I don't feel a logo or headline is the right thing for me.

            I included a back button... for now

            1 Reply Last reply
            1
            • edgrbnzE Offline
              edgrbnzE Offline
              edgrbnz
              wrote on last edited by edgrbnz
              #6

              @Hayo-Gebauer Glad to help!

              Logos aren’t for everyone and sometimes they are a cheesy decision imho – But your name at the top would be totally sufficient.

              Something like this:

              0_1548920920966_a57c5026-1260-470f-b704-1e8e6baaa610-image.png

              Or this:

              0_1548920971313_4512e9cd-4eb5-463e-98bf-cac28b824a4c-image.png

              Would be totally sufficient and would blend in well with the overall esthetic of your site. This would be a common behaviour for a back to start, too.

              ✦ ✦ ✦

              1 Reply Last reply
              0
              • mariusjopenM mariusjopen

                Dear @Hayo-Gebauer
                can you post a link to your website?

                Best!

                Marius

                Hayo GebauerH Offline
                Hayo GebauerH Offline
                Hayo Gebauer
                wrote on last edited by Hayo Gebauer
                #7

                @mariusjopen Here are some screenshots (ipad mini 4):
                -loading the website in portrait
                -rotating
                -rotating back

                2_1548931163698_IMG_0007.PNG 1_1548931163698_IMG_0008.PNG 0_1548931163697_IMG_0009.PNG

                1 Reply Last reply
                0
                • mariusjopenM Offline
                  mariusjopenM Offline
                  mariusjopen
                  Global Moderator
                  wrote on last edited by
                  #8

                  Dear @Hayo-Gebauer
                  can you post a link to your website?

                  Do you know that you can change the breakpoints in the Lay Settings?

                  Best!

                  Marius

                  www.mariusjopen.world

                  Hayo GebauerH 1 Reply Last reply
                  0
                  • mariusjopenM mariusjopen

                    Dear @Hayo-Gebauer
                    can you post a link to your website?

                    Do you know that you can change the breakpoints in the Lay Settings?

                    Best!

                    Marius

                    Hayo GebauerH Offline
                    Hayo GebauerH Offline
                    Hayo Gebauer
                    wrote on last edited by
                    #9

                    @mariusjopen hayogebauer.com I know, but would be nice to have both layouts on the iPad mini

                    1 Reply Last reply
                    0
                    • edgrbnzE Offline
                      edgrbnzE Offline
                      edgrbnz
                      wrote on last edited by edgrbnz
                      #10

                      Hi Hayo,

                      I tested it again. Since you are experiencing that issue and since it looks like you’re using chrome on your iPad (I’m guessing that ’cause of your screenshots…) It seems to be related to the browser not interpreting the movement / viewport change of the tablet right.

                      I tested it with Safari and it works just fine.

                      I'm guessing it's a chrome bug (?)

                      ✦ ✦ ✦

                      1 Reply Last reply
                      0
                      • mariusjopenM Offline
                        mariusjopenM Offline
                        mariusjopen
                        Global Moderator
                        wrote on last edited by
                        #11

                        Dear @Hayo-Gebauer
                        what @edgrbnz said is correct.
                        http://hayogebauer.com/

                        Have a look here:

                        iPad mini Chrome:
                        0_1549280691899_Bildschirmfoto 2019-02-04 um 09.42.16.png
                        0_1549280699160_Bildschirmfoto 2019-02-04 um 09.42.11.png

                        And iPad mini Safari
                        0_1549280712502_Bildschirmfoto 2019-02-04 um 09.44.00.png
                        0_1549280827119_Bildschirmfoto 2019-02-04 um 09.43.56.png

                        We will look into this!

                        Best!

                        Marius

                        www.mariusjopen.world

                        Hayo GebauerH 1 Reply Last reply
                        1
                        • mariusjopenM mariusjopen

                          Dear @Hayo-Gebauer
                          what @edgrbnz said is correct.
                          http://hayogebauer.com/

                          Have a look here:

                          iPad mini Chrome:
                          0_1549280691899_Bildschirmfoto 2019-02-04 um 09.42.16.png
                          0_1549280699160_Bildschirmfoto 2019-02-04 um 09.42.11.png

                          And iPad mini Safari
                          0_1549280712502_Bildschirmfoto 2019-02-04 um 09.44.00.png
                          0_1549280827119_Bildschirmfoto 2019-02-04 um 09.43.56.png

                          We will look into this!

                          Best!

                          Marius

                          Hayo GebauerH Offline
                          Hayo GebauerH Offline
                          Hayo Gebauer
                          wrote on last edited by
                          #12

                          @mariusjopen
                          Tried it on Safari works like a charm. Thanks!

                          1 Reply Last reply
                          1
                          • mariusjopenM Offline
                            mariusjopenM Offline
                            mariusjopen
                            Global Moderator
                            wrote on last edited by
                            #13

                            Dear @Hayo-Gebauer
                            I wrote it down to check back with Armin.
                            Sure he will do so soon.

                            Best!

                            Marius

                            www.mariusjopen.world

                            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
                            C
                            craigfeldspar
                            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