Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Brite
  • 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. Artefact showing on mobile website when using fixed height 100svh

Artefact showing on mobile website when using fixed height 100svh

Scheduled Pinned Locked Moved Bug Reports
6 Posts 3 Posters 66 Views 3 Watching
  • 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 Offline
    A Offline
    agasi
    wrote last edited by
    #1

    Problem:
    When in mobile grid an image is set to 'fixed height' 100svh and project is published, on my iPhone there is a black artefact showing in the top left corner on that project page, which should not be there. It started few weeks back after one of the Lay Theme updates. It's visible for me on these project pages, for example:

    https://agasi.nl/electric-sisyphus/
    https://agasi.nl/making-waves/

    and also on another website I made with Lay theme (different ISP):

    vloed.nu
    https://www.vloed.nu/beneath-the-paving-stones-the-beach/

    Check this project page: https://agasi.nl/test/ (bottom of the page) to see examples of what I am seeing.

    • Tested on iPhone 16 Pro 512GB
    • Tested on iOS 26.4.1 and 26.4.2
    • Tested with latest versions of Chrome and Safari, same results. 
    (tested on older iPhone with older iOS / Safari: not showing this)

    As recommended in the forum I of course updated Lay theme and all Lay theme addons, disabled all plugins, turned off all custom code. No change, the problem persisted.

    Maybe other users see this too?
    Maybe one of you or Lay Theme Support team can see something on the pages that might cause it or debug it another way. Thanks in advance!

    Best, Jos

    1 Reply Last reply
    0
    • H Offline
      H Offline
      hv
      wrote last edited by
      #2

      Same problem, no solution yet. It only seems to appear when opening the website in Safari (mobile/desktop) and seems to be related to pages with Cover Feature when first navigated to (disappears on reload).

      1 Reply Last reply
      0
      • arminunruhA Offline
        arminunruhA Offline
        arminunruh
        Global Moderator
        wrote last edited by
        #3

        .svg-filter-wrap {
        left: -9999px!important;
        top: -9999px!important;
        }

        Can you put the CSS in Lay Options - Custom CSS and HTML?
        Not sure if it's this that causes the issue, but yeah, please try that.
        The CSS will be included with the next Lay Theme update.

        1 Reply Last reply
        0
        • H Offline
          H Offline
          hv
          wrote last edited by
          #4

          Thank you! That seems to have fixed the issue.

          1 Reply Last reply
          0
          • A Offline
            A Offline
            agasi
            wrote last edited by
            #5

            I tried this, but it does not solve what I described. I have no issues on desktop, only on mobile, Safari and Chrome. See my original description and the test page I linked. Hope something can be found to solve it.

            1 Reply Last reply
            0
            • arminunruhA Offline
              arminunruhA Offline
              arminunruh
              Global Moderator
              wrote last edited by
              #6

              okay, can you send me your wp-admin login info to info@laytheme.com and a link to this forum topic?

              1 Reply Last reply
              0
              Reply
              • Reply as topic
              Log in to reply
              • Oldest to Newest
              • Newest to Oldest
              • Most Votes


              For 1on1 paid Lay Theme Coaching, contact: audrey@cyberslayers.work.

              We also code custom websites or custom Lay features.
              💿 Email us here: 💿
              info@laytheme.com

              Our Web Development company: 100k.studio

              Want to tip me? https://www.paypal.com/paypalme/arminunruh

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