Lay Theme Forum

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

    Mobile Background not working

    General Discussion
    4
    12
    710
    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
      jjk last edited by

      Hello Armin,

      I cant make the mobile background work, can you check?
      http://www.julianjakobkneer.com/sub-rosa_online-archive

      I used your instruction from a previous thread but it doesn't work, displays really weirdly...

      I got this in my custom mobile css:

      body{
          background-image: url(http://www.julianjakobkneer.com/wp-content/uploads/2017/09/subRosa-Julian-Jakob-Kneer_mobile.jpg);
          background-size: cover;
          background-attachment: fixed;
      }
      

      Thanks for the help!
      X Julian

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

        Hi @jjk

        1. try to upload your image in a lower filesize.
          It takes way too long until it is loaded.
          Photoshop -> save for web…

        2. You need to add the code also in the Custom CSS for Mobile Version.

        Let me know if that worked for you.

        Best!

        Marius

        www.mariusjopen.world

        J 1 Reply Last reply Reply Quote 0
        • J
          jjk @mariusjopen last edited by

          @mariusjopen

          thanks for the reply!

          1. the picture is only 322 KB, that cant be too much, can it?

          2. i got it only in my custom css for mobile version.

          did you see how it displayed, it quickly pops up crisp and then blurs and has this grey line on top, + it also scrolls, not fixed...

          x Julian

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

            Hi @jjk

            Ok, I see . but the loading is pretty slow in the desktop version.

            I think the images gets blurred on mobile (not on the mobile-desktop version, actually only on the phone) because somehow it gets stretched I suppose.

            I cannot really understand yet why and would need to look more into it.

            I can do that but before please tell me why do you not use the regular way of adding a background image via the Gridder?

            Best!

            Marius

            www.mariusjopen.world

            J 1 Reply Last reply Reply Quote 0
            • J
              jjk @mariusjopen last edited by

              @mariusjopen

              Yeah I also think it's stretching, don't know...

              The gridder Backroundimage only apply to columns, so it will repeat with gaps where "row gutters" are and would also not be fixed...

              I also tried to embed some html directly in the site, without success.

              I would be very happy if you could look deeper into it, I'm already so much overdue with this timewise and kinda lost.

              X Julian

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

                Hey m8!

                Why not just use "Customizer" -> "Mobile (Smartphone)" -> "Mobile Background Image"

                J M 2 Replies Last reply Reply Quote 0
                • J
                  jjk @arminunruh last edited by

                  @arminunruh

                  hey armin,

                  this is embarassing, hadn't updated and didn't have that option in my old version. works perfectly now.

                  Thank you!

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

                    Cool :) Aha

                    1 Reply Last reply Reply Quote 0
                    • M
                      marcelgross @arminunruh last edited by

                      @arminunruh
                      I tried to put a background-image with your custumizer-option. But it displays very strange. Its only a small part of the original pic and shown as a bar...
                      Have you seen this problem before?

                      0_1550525591960_Bildschirmfoto 2019-02-18 um 22.30.09.png

                      Thx

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

                        Dear @marcelgross
                        can you provide us with a link to your website?

                        Best!

                        Marius

                        www.mariusjopen.world

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

                          dear @mariusjopen

                          Here is the link https://podcastlab.marcel-gross.ch/szene/
                          I placed the background now with code

                          /* Hintergrundbild allgemein */
                          body {
                            background-image: url("/wp-content/uploads/2019/01/scan-67_hellblau.jpg");
                            background-repeat: no-repeat;
                            background-attachment: fixed;
                            background-position: center center;
                            background-size: 100% 100%;
                          }
                          
                          @media only screen and (max-height: 900px) {
                            body {
                              background-repeat: repeat;
                              background-position: center top;
                              background-size: 110% 710px;
                            }
                          }
                          

                          This works as a not too beautiful solution, because I would like to have the picture stretched the same way as on the desktop-version... But it doesn't work with background-size 100%

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

                            Dear @jjk
                            have a look here:

                            body {
                                background-size: cover;
                            }
                            

                            Does that help?

                            Best!

                            Marius

                            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

                            A
                            S
                            7
                            T
                            K

                            Recent Topics

                            • A

                              can't change front page

                            • A

                              Theme crashed - because of Polylang?

                            • M

                              komische boxen auf der Website

                            laytheme.com