• Resolved daisy12344

    (@daisy12344)


    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?

    https://daizedesign.com

Viewing 4 replies - 1 through 4 (of 4 total)
  • 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.

    Thread Starter daisy12344

    (@daisy12344)

    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.

    Thread Starter daisy12344

    (@daisy12344)

    THANK YOU!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Can't scroll down my webpage’ is closed to new replies.