Lay Theme Forum

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

    Title visible on thumbnail on ipad and smartphones

    Bug Reports
    thumbnail previ
    3
    9
    1464
    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.
    • A
      adrienchevalier last edited by adrienchevalier

      Hi,
      I just made my new website with LAY, it’s awesome, really, you can do a lot of things.
      I just have two questions:

      1/ On my homepage, I put the title on the projects’ thumbnails.
      Hidden with mouseout, visible in mousein with a low opacity for the photo.
      The problem is with Ipad and smartphone screens, the title is always visible and not legible (because there isn’t low opacity on the photo).
      Is it possible to hide the title on those devices ?

      2/ Under 900px width the website turns in smartphone layout.
      Isn't it strange on a computer to have this layout (each elements under each other ) between 500 px and 900px.

      Would it be possible to have an other layout between those dimensions?
      For example, could we have 2 thumbnails on the same line between 500 and 900px ( when usually it’s 3 or 4 thumbnails for a window larger than 900px) ?
      Or a reorganisation of the pictures, so that for exemple, the last picture on the first line can go to the beginning of the second line and so on.

      Thanks a lot for your help
      Adrien

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

        Hey Adrien!

        1. Yeah, the thumbnails titles show up on touch devices because theres no mouseover and normally you wouldn't be able to read the titles.

        Try this CSS for both "desktop css" and "mobile css" in "misc options"

        html.touchevents{
        	.title a, .title{
        		opacity: 0!important;
        	}
        }
        
        1. Ok, nice idea! Hm, not sure if I will code that.
        1 Reply Last reply Reply Quote 0
        • A
          adrienchevalier last edited by

          Hi Armin,

          Thank you for your answer,
          1/ Unless there is a cache memory I think it doest work, I can still see titles on the thumbnails :confused:

          ![Capture d’écran 2015-06-30 à 22.24.24.png](uploading 100%)

          2/ and can we still have the same layout when the window is between 500 and 900px as when it is 1200 ?

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

            Oh yeah, I used the sass syntax :O but the proper css is:

            html.touchevents .title a{
                opacity: 0!important;
            }
            html.touchevents .title{
                opacity: 0!important;
            }
            
            1. Nope, the breakpoint is hard coded at 900px. Maybe I will code that as a feature one day that ppl will be able to set that value by themselves
            1 Reply Last reply Reply Quote 0
            • A
              adrienchevalier last edited by adrienchevalier

              Perfect, thanks Armin
              You deserve a donation !
              ++

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

                haha <3 thx

                1 Reply Last reply Reply Quote 0
                • A
                  adrienchevalier last edited by adrienchevalier

                  Hi Armin,

                  I still use the first free version of Laytheme.
                  Does is possible to move the breakpoint from 900px to 600px in the new version ?
                  I would have the same layout when the window is between 600 and 900px as when it is 1200.

                  Thanks in advance !
                  Adrien

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

                    Hey Adrien!

                    In the updated version of LAyTheme you can set the breakingpoint:
                    0_1491494170479_Bildschirmfoto 2017-04-06 um 17.55.32.png

                    All the best!

                    Marius

                    www.mariusjopen.world

                    1 Reply Last reply Reply Quote 0
                    • A
                      adrienchevalier last edited by adrienchevalier

                      Awesome — Thanks a lot Marius.
                      Best.

                      1 Reply Last reply Reply Quote 1
                      • 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