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. Spacing around Video incorrect

Spacing around Video incorrect

Scheduled Pinned Locked Moved Bug Reports
4 Posts 2 Posters 564 Views
  • 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.
  • G
    G
    gdk
    wrote on last edited by
    #1

    Hi, I embed a video (vimeo) and make 1% space on top and 1% on bottom (black).

    It works fine in safari on desktop:

    Screenshot 2021-11-28 at 19.58.37.jpg

    but sadly its not working on mobile (iphone). the bottom space is much bigger. how to get this fixed?

    IMG_0237FE6CACF9-1.jpeg

    link to site: https://doublekoek.com/royal-motors/

    1 Reply Last reply
    0
    • RichardR
      RichardR
      Richard
      Global Moderator
      wrote on last edited by
      #2

      Dear @gdk

      Is this still an issue? hard to tell when dealing with 1%:
      Screen Shot 2021-12-01 at 11.03.46 AM.png


      Best wishes 🌻
      Richard
      G 1 Reply Last reply
      0
      • RichardR Richard

        Dear @gdk

        Is this still an issue? hard to tell when dealing with 1%:
        Screen Shot 2021-12-01 at 11.03.46 AM.png


        Best wishes 🌻
        Richard
        G
        G
        gdk
        wrote on last edited by
        #3

        @Richard hi, yes sadly it still doesnt work

        1 Reply Last reply
        0
        • RichardR
          RichardR
          Richard
          Global Moderator
          wrote on last edited by Richard
          #4

          Dear @gdk

          Have recreated the issue so thank you for bringing to attention. It's not the vimeo embed but with the row gutter 1% not being applied on smaller screens.

          You can see here it behaves exactly the same.

          https://rickei3.dreamhosters.com/video-cropping-test/

          Screen Shot 2022-01-03 at 7.07.22 PM.png Screen Shot 2022-01-03 at 6.56.30 PM.png

          I have forwarded to Armin for further inspection but in the meantime let me know if this suits:

          .row.one-col-row.row-1 {
              margin-bottom: 1% !important;
          }
          

          Code added to > Customize > CSS

          Result, 1% is kept:
          Screen Shot 2022-01-03 at 7.17.36 PM.png


          Talk soon & best wishes for 2022 ✨
          Richard
          1 Reply Last reply
          0

          Hello! It looks like you're interested in this conversation, but you don't have an account yet.

          Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

          With your input, this post could be even better 💗

          Register Login
          Reply
          • Reply as topic
          Log in to reply
          • Oldest to Newest
          • Newest to Oldest
          • Most Votes


          Online Users
          L
          lstark
          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