How to Move the Vertical Scrollbar in WordPress
Your WordPress website automatically displays a vertical scrollbar on the right side of the browser window when the content exceeds the length of the page. This feature enables you to move your site up or down, but if you prefer the bar in another spot, or want to get rid of it altogether, you can do this with Cascading Style Sheets (CSS). Use the tools included with your WordPress Dashboard to add the CSS the moves the vertical scrollbar, as you prefer.
Other People Are Reading
Instructions
-
-
1
Log in to your WordPress account to automatically bring up your Dashboard. Click the "Editor" link under the Appearance heading on the left side to access the area that contains the code for your WordPress site.
-
2
Locate the Styles heading on the right side and click the "Stylesheet (style.css)" link underneath it. This action automatically loads the CSS code in the text box on the page.
-
-
3
Press the "CTRL" and "F" keys at the same time and enter "body" in the text box that appears. Press the "Return" key to highlight this style rule in the code.
-
4
Enter "overflow-x: hidden;" inside the curly brackets of the body rule to remove the vertical scrollbar. To illustrate:
body { overflow-x: hidden; } -
5
Type "overflow-y: scroll;" to move the scrollbar to the bottom of your page so visitors can horizontally scroll from left to right. Your complete CSS code now looks like this:
body { overflow-x: hidden; overflow-y: scroll; } -
6
Click the "Update File" button at the bottom of the page, then click the title of your blog at the top to see the changes.
-
1
Tips & Warnings
If you do not see the change to the vertical scrollbar, refresh your browser window and minimize your window.
