Lay Theme Forum

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

    Single Product Page Mobile Footer Section

    Shop / WooCommerce
    3
    7
    78
    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.
    • B
      Buntesamt last edited by

      Hi,

      I have a problem on the single product page of Woocommerce. After the latest updates of Laytheme, a big white space appears at the bottom on the mobile versions, which was not there before.

      Inspector says it's a "no custom phone grid footer".
      My questions:

      1. is there even a footer that can be set for the single product page, because I can't find an option under layoptions/footer or in the products section.

      2. does anyone have an idea how I can get rid of the white space at the bottom and influence it? It has nothing to do with mobile spacing.

      Thanks a lot and best regards
      Hendrik

      Bildschirmfoto-2022-12-07-um-20.38.09.jpg

      1 Reply Last reply Reply Quote 1
      • B
        Buntesamt last edited by

        Any ideas?

        D 1 Reply Last reply Reply Quote 1
        • D
          domphilcox @Buntesamt last edited by

          @Buntesamt I too have this issue. The issue is caused by turning on the sticky footer feature in Footers. As far as I can make out, it's because the sticky footer feature adds min-height: 100vh to the lay-content div. The problem is that the lay-content div is empty bar the footer section. I've tried setting the min-height: unset !important to override it on the single product page but with no luck. Really need a fix for this too.

          1 Reply Last reply Reply Quote 0
          • B
            Buntesamt last edited by Buntesamt

            Thank you very much for your advice. I additionally noticed that since the last updates the sticky footer doesn't work anymore and makes no difference. It may be that since then the problem also exists on the mobile single product page.

            I disabled the sticky footer function and now everything looks fine in the mobile version. But of course I had to disable the footer itself on some pages which is not a good solution.

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

              hey the sticky footer works again

              is the issue resolved now?

              D 1 Reply Last reply Reply Quote 0
              • D
                domphilcox @arminunruh last edited by

                @arminunruh Hi Armin. Thanks for following up. Sadly the recent sticky footer fix hasn't solved the problem.

                It seems to be caused by the min-height: calc(100vh - **); on the .lay-content div within the WooCommerce pages.

                Screenshot 2023-01-16 at 15.25.54.png

                I think I've found a fix by adding the following to the mobile custom css:

                /* WOOCOMMERCE STICKY FOOTER FIX */
                body.woocommerce-page>.lay-content {
                min-height: auto !important;
                }

                Fingers crossed....

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

                  hey yes this is a bug

                  will be fixed with the next lay theme update

                  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

                  Recent Topics

                  • T

                    OpenType Feature

                  • T

                    Split Screen just on front page / subpages without the split?

                  • T

                    problem when I click on the category filter buttons on mobile

                  • G

                    z index has different behaviors on different pages

                  laytheme.com