Can't scroll down my webpage
-
This happened when I installed a new theme, Zerif Lite. When I refresh it it just shows my big title image but when I zoom out using my browser tool it shows that there is more content below. However I cannot scroll down to see it. Any ideas why I can’t scroll down my webpage?
-
Hi, your site is under construction so I cannot inspect your site, but have you tried disabling all of your plugins, and clearing any caches you may have active, including your browser cache?
Referring to this thread:
Is your browser up to date?
Do you see a Smooth Scroll option within the theme settings or Customizer?Hope this helps.
I fixed it by disabling all of my plugins but now I have a scroll bar on my big title section image. How can I get rid of it?
I took my website off maintenance mode.
Here’s my CSS:
/*
Theme Name: ZBlackbeard
Description: ZBlackbeard is a modern responsive WordPress Theme. It’s perfect for web agencies, digital studios, corporate, product showcase, personal and business portfolio.
Author: Themeisle
Author URI: https://themeisle.com
Template: zerif-lite
Version: 1.0.9
License: GNU General Public License version 2
License URI: license.txt
Text Domain: zblackbeard
Tags: black, gray, red, white, one-column, two-columns, right-sidebar, responsive-layout, custom-background, custom-menu, editor-style, featured-images, threaded-comments, translation-ready
*//*————————————————————–
General
————————————————————–*/
.entry-content a {
color: #3bbbd2;
}
.entry-content a:visited {
color: #3bbbd2;
}
.entry-content a:hover {
color: #ea4747;
}/*————————————————————–
Header
————————————————————–*/
.navbar {
background: rgba(51,67,70, 0.9) !important;
}
.navbar-inverse .navbar-nav ul.sub-menu {
background: rgba(51,67,70, 1) !important;
}
.navbar-inverse .navbar-nav > li > a,
.navbar-inverse .main-navigation > ul > li > a {
color: #c0cdcf !important;
}
.focus {
background: #202728 !important;
color: #c0cdcf !important;
}
.focus h5 {
color: #FFF !important;
}
.focus h6 {
color: #c0cdcf !important;
}
.navbar-inverse .navbar-nav ul.sub-menu li a {
color: #c0cdcf !important;
}
.navbar-inverse .navbar-nav ul.sub-menu li:hover > a {
color: #3bbbd2 !important;
}
.navbar-inverse .navbar-nav>li>a:hover {
color: #3bbbd2 !important;
}
.nav li a.nav-active {
color: #3bbbd2 !important;
}
.nav li a.nav-active:before {
background: #3bbbd2 !important;
}
.header {
min-height: 0;
}
.header {
background: rgba(51,67,70, 0.5) !important;
}
.intro-text {
color: #FFF !important;
}/*————————————————————–
Content
————————————————————–*/
.dark-text {
color: #3bbbd2 !important;
}
h2.white-text {
color: #3bbbd2 !important;
}
.works {
background: #f5f5f5 !important;
}
.about-us {
background: #202728 !important;
color: #c0cdcf !important;
}
.red-btn {
border-radius: 1px;
border-width: 2px;
border-style: solid;
border-color: #ea4747 !important;
position: relative;
background: rgba(234,71,71,0.4) !important;
}
.red-btn:hover {
border-width: 2px;
border-style: solid;
border-color: #ea4747;
background: rgba(234,71,71,1) !important;
}
.green-btn {
border-radius: 1px;
border-width: 2px;
border-style: solid;
border-color: #3bbbd2;
position: relative;
background: rgba(59,187,210,0.4) !important;
}
.green-btn:hover {
border-width: 2px;
border-style: solid;
border-color: #3bbbd2 !important;
background: rgba(59,187,210,1) !important;
}
.intro-text {
background: rgba(51,67,70,0.3) !important;
padding: 15px 0;
}
.testimonial {
background: #3bbbd2 !important;
}
.feedback-box .message {
color: #334346 !important;
}
.our-team {
background: #f5f5f5 !important;
}
.textarea-box {
border-radius: 0;
}
body{
background: #fdfdfd;
}
.entry-title:before {
content: “”;
background: #ea4747 !important;
}
.entry-title a:hover{
color: #ea4747 !important;
}
.entry-title,
.entry-title a,
.widget-title,
.widget-title a {
color: #334346;
}
.widget .widget-title:before, .entry-title:before {
content: “”;
background: #3bbbd2 !important;
}
body, button, input, select, textarea {
color: #334346 !important;
}
/* Selection colours (easy to forget) */
::selection {
background: #3bbbd2 !important;
color: #FFF !important;
}
::-moz-selection {
background: #3bbbd2 !important;
color: #FFF !important;
}
.testimonial h2 {
color: #FFF !important;
}
#client-feedbacks .feedback-box {
border-radius: 1px;
}
.input-box {
border-radius: 1px;
background: rgba(255,255,255, 1) !important;
}
.textarea-box {
border-radius: 1px;
background: rgba(255,255,255, 1) !important;
}
.newsletter {
background: #ea4747 !important;
}
.separator-one {
background: rgba(59, 187, 210, 0.9) !important;
}
.separator-one .green-btn {
border-radius: 1px;
border-width: 2px;
border-style: solid;
border-color: #ea4747;
position: relative;
background: rgba(234,71,71,0.9) !important;
}
.separator-one .green-btn:hover {
background: rgba(234,71,71,1) !important;
}
.purchase-now {
background: rgba(234, 71, 71, 0.9) !important;
}
.purchase-now .red-btn {
float: right;
border-radius: 1px;
border-width: 2px;
border-style: solid;
border-color: rgba(51,67,70, 1) !important;
position: relative;
background: rgba(51,67,70, 0.8) !important;
}
.purchase-now .red-btn:hover {
background: rgba(51,67,70, 1) !important;
}
.latest-news h6 {
color: #334346 !important;
}
.focus-box .service-icon {
border: 10px solid rgba(255, 255, 255, 0.1) !important;
}
.red-border-bottom:before {
background: #ea4747 !important;
}
.about-us p {
color: #c0cdcf !important;
}
.about-us .big-intro {
color: #FFF !important;
font-size: 55px;
}
.latest-news {
background: #f5f5f5 !important;
}
#carousel-homepage-latestnews .item .latestnews-box .latestnews-title a:before {
content: “”;
background: #ea4747 !important;
}
.copyright {
background: rgba(0,0,0,0.3) !important;
}.comments-area input[type=”text”],
.comments-area input[type=”email”],
.comments-area input[type=”url”],
.comments-area textarea {
background: rgba(51,67,70, 0.8) !important;
color: #FFF !important;
}
.comment-form #submit,
.comment-reply-link {
color: #fff !important;
border-radius: 1px;
border-width: 2px;
border-style: solid;
border-color: #ea4747;
position: relative;
background: rgba(234,71,71,0.8) !important;
}
.comment-form #submit:hover,
.comment-reply-link:hover {
background: rgba(234,71,71,1) !important;
}
.widget_search input, .entry-content .search-form input[type=”search”] {
background: rgba(51,67,70, 0.8);
color: #FFF !important;
}
.entry-content .search-form input[type=”search”] {
width: 83%;
padding: 12px 15% 12px 2%;
}
.entry-content .search-form {
position: relative;
width: auto;
float: left;
}
.entry-content .search-form input[type=”submit”] {
display: block;
width: 46px;
height: 46px;
position: absolute;
top: 0;
right: 0;
padding: 0;
margin: 0;
background: url(images/search_icon1.png) no-repeat center center;
text-indent: -99999999999px;
}
.company-details {
color: #c0cdcf !important;
}
.zerif-copyright-box {
color: #c0cdcf !important;
}
.zerif-copyright {
color: #3bbbd2 !important;
}
.zerif-copyright:hover {
opacity: 0.8;
}
.our-team .row > div .red-border-bottom:before {
background: #ea4747 !important;
}
.team-member .social-icons ul li a {
background: none;
}
.team-member .social-icons ul li a:hover {
color: #3bbbd2 !important;
}
.social-icons .widget li:before {
content: ”;
display: none;
}
.packages {
background: rgba(51, 67, 70, 1) !important;
}.skills input {
color: #c0cdcf !important;
}
/*————————————————————–
Footer
————————————————————–*/
#footer {
background: #334346 !important;
}.home-header-wrap { overflow: hidden; }
You should add all custom CSS changes using a Child Theme, otherwise your code will be replaced every time you update the theme in the future.
You can also make use of a Custom CSS plugin too!
Hope this helps.
THANK YOU!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
- The topic ‘Can't scroll down my webpage’ is closed to new replies.