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. Layout shift when videos appear in page

Layout shift when videos appear in page

Scheduled Pinned Locked Moved Bug Reports
5 Posts 2 Posters 606 Views 1 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.
  • V Offline
    V Offline
    vakira
    wrote on last edited by
    #1

    OS: MacOS
    Browser: Chrome Version 110.0.5481.177 (Official Build) (x86_64)
    Issue: "Carousels resize on load, creating a layout shift"
    Expected: "Carousels keep intended size on load"
    url: https://albertorodriguez.info/alled-martinez/
    Video examples: https://drive.google.com/drive/folders/1NB_4tHiPplHQoDTL6D0On00eaVN8lOKd?usp=sharing

    1. On load
      Screenshot 2023-03-07 at 19.27.12.png

    2. After a few seconds
      Screenshot 2023-03-07 at 19.27.39.png

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

      hello
      sorry about the late reply

      great website!

      try this css:

      .lay-carousel-slide video{
      height: 100%;
      }
      

      also:

      can you send your website address, /wp-admin/ username and password and a link to this topic to info@laytheme.com?

      V 1 Reply Last reply
      0
      • arminunruhA arminunruh

        hello
        sorry about the late reply

        great website!

        try this css:

        .lay-carousel-slide video{
        height: 100%;
        }
        

        also:

        can you send your website address, /wp-admin/ username and password and a link to this topic to info@laytheme.com?

        V Offline
        V Offline
        vakira
        wrote on last edited by
        #3

        @arminunruh email sent.

        the CSS shared does not seem to help solve the issue.

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

          hey there!just found out why this happens. will be fixed with the next lay theme update

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

            i think if u update now it should work no?

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


            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