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. General Discussion
  3. disabling scroll bar when images at the bottom and browser height at 100vh

disabling scroll bar when images at the bottom and browser height at 100vh

Scheduled Pinned Locked Moved General Discussion
5 Posts 2 Posters 94 Views 2 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.
  • C Offline
    C Offline
    colinjx
    wrote last edited by
    #1

    Hey there,
    I'm currently facing a problem when I place images at the bottom of my front page. Even though I've set the browser height to 100vh, I keep getting the scrollbar on the side, both on mobile and on desktop. I know it must be super simple to solve, but I can't seem to figure it out. Can anyone help me here? All images should be aligned at the bottom so scrolling should be prevented.

    Link:
    colinjaeck.com

    Thanks in advance!

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

      you need to set frame top and frame bottom to 0!

      image.png

      C 1 Reply Last reply
      0
      • arminunruhA arminunruh

        you need to set frame top and frame bottom to 0!

        image.png

        C Offline
        C Offline
        colinjx
        wrote last edited by
        #3

        @arminunruh Almost! The frame should still exist, but I want it to always adapt to the browser size, sorry for not being clear enough.

        1 Reply Last reply
        0
        • C Offline
          C Offline
          colinjx
          wrote last edited by
          #4

          My mistake, setting the frame at the top and bottom to zero is the right way to do it. I managed to set the inner spacing of the images to the previous frame size. The scroll bar is still visible, but that's fine for now, thank you very much!

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

            to hide the scrollbar you could use this css:

            Enter this css in "lay options" -> "custom css & html" -> "custom css for desktop"

            html, body {
              /* Hide scrollbar for Chrome, Safari, and Opera */
              scrollbar-width: none;        /* Firefox */
              -ms-overflow-style: none;     /* IE and Edge */
              overflow: auto;               /* Still allow scrolling */
            }
            
            /* Chrome, Safari, Opera */
            html::-webkit-scrollbar,
            body::-webkit-scrollbar {
              display: none;
            }
            
            1 Reply Last reply
            0
            Reply
            • Reply as topic
            Log in to reply
            • Oldest to Newest
            • Newest to Oldest
            • Most Votes


            I also code custom websites or custom Lay features.
            šŸ’æ Email me 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
            A
            alasdair17
            F
            fernandol97
            N
            Nzagamba
            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