Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • 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. How to disable scroll bar border?

How to disable scroll bar border?

Scheduled Pinned Locked Moved Bug Reports
10 Posts 4 Posters 3.3k 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.
  • B Offline
    B Offline
    Bennett
    wrote on last edited by
    #1

    Hey!

    Not sure if a bug or other.. can't seem to work it out.

    My website is single page (category) with a full-screen auto play background video. For some reason I'm seeing a scroll bar without the scroll on the right hand border of the browser. Any way to remove this? I've tried some custom CSS from online but it didn't work.

    Cheers!

    B

    B 1 Reply Last reply
    0
    • B Bennett

      Hey!

      Not sure if a bug or other.. can't seem to work it out.

      My website is single page (category) with a full-screen auto play background video. For some reason I'm seeing a scroll bar without the scroll on the right hand border of the browser. Any way to remove this? I've tried some custom CSS from online but it didn't work.

      Cheers!

      B

      B Offline
      B Offline
      Bennett
      wrote on last edited by
      #2

      oops

      http://entier.info

      1 Reply Last reply
      0
      • mariusjopenM Offline
        mariusjopenM Offline
        mariusjopen
        Global Moderator
        wrote on last edited by
        #3

        Hey Bennett!

        This might be Browser specific.
        I for example do not see a scrollbar on Chrome and Firefox.

        What you can try to put this into your custom CSS code:

        body {
            overflow-y: hidden;
        }
        

        I hope that helped!

        Many wishes!

        Marius

        www.mariusjopen.world

        B 1 Reply Last reply
        0
        • mariusjopenM mariusjopen

          Hey Bennett!

          This might be Browser specific.
          I for example do not see a scrollbar on Chrome and Firefox.

          What you can try to put this into your custom CSS code:

          body {
              overflow-y: hidden;
          }
          

          I hope that helped!

          Many wishes!

          Marius

          B Offline
          B Offline
          Bennett
          wrote on last edited by
          #4

          @mariusjopen

          Hey Marius,

          I tried adding the CSS but I'm still seeing this grey bar in all different browsers.

          https://drive.google.com/file/d/0BxL6s4tUuEUQcTkxZGctVlJYRmM/view?usp=sharing

          Let me know if you see the same thing!

          (:

          B

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

            Hi Bennett!

            In which browsers do you see the scrollbar? (OS, Version)

            I still don't see them. :-/

            Try to empty your cache or put an important behind the CSS rule.

            Have a look also here:
            https://stackoverflow.com/questions/16670931/hide-scroll-bar-but-still-being-able-to-scroll

            Let me know!

            Marius

            www.mariusjopen.world

            M 1 Reply Last reply
            0
            • M Offline
              M Offline
              melo_lenosier
              wrote on last edited by
              #6

              Hello Marius,
              I've looked at the same link that you have mentioned above, but actually I don't know how to create a child-parent id for my text div that I simply created on the gridder.
              What I want to do, indeed, is to remove the scroll bar but still being able to scroll!
              In the link they suggest to create the parent-id with overflow: hidden and the child-id with overflow-y: scroll;
              My doubts are all about on how to create a parent-child id for my text-box.

              Thanks in advance :)

              1 Reply Last reply
              0
              • mariusjopenM mariusjopen

                Hi Bennett!

                In which browsers do you see the scrollbar? (OS, Version)

                I still don't see them. :-/

                Try to empty your cache or put an important behind the CSS rule.

                Have a look also here:
                https://stackoverflow.com/questions/16670931/hide-scroll-bar-but-still-being-able-to-scroll

                Let me know!

                Marius

                M Offline
                M Offline
                melo_lenosier
                wrote on last edited by
                #7

                @mariusjopen

                Hello Marius,
                I've looked at the same link that you have mentioned above, but actually I don't know how to create a child-parent id for my text div that I simply created on the gridder.
                What I want to do, indeed, is to remove the scroll bar but still being able to scroll!
                In the link they suggest to create the parent-id with overflow: hidden and the child-id with overflow-y: scroll;
                My doubts are all about on how to create a parent-child id for my text-box.

                Thanks in advance :)

                1 Reply Last reply
                0
                • mariusjopenM Offline
                  mariusjopenM Offline
                  mariusjopen
                  Global Moderator
                  wrote on last edited by
                  #8

                  Hi @melo_lenosier

                  can you post a link to your website?

                  Then I can have a look.

                  Best!

                  Marius

                  www.mariusjopen.world

                  1 Reply Last reply
                  0
                  • A Offline
                    A Offline
                    andrewbmcgill
                    wrote on last edited by
                    #9

                    @mariusjopen was there any solution to this? I am also looking to disable vertical scroll bars on all my pages.

                    best,

                    • Andrew

                    www.andrewblakemcgill.com

                    1 Reply Last reply
                    0
                    • mariusjopenM Offline
                      mariusjopenM Offline
                      mariusjopen
                      Global Moderator
                      wrote on last edited by
                      #10

                      Dear @andrewbmcgill
                      you can always use:

                      body {
                      height: 100vh;
                      y-overflow: hidden;
                      }
                      

                      Best!

                      Marius

                      www.mariusjopen.world

                      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

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