blank space on the main page

  • Hey,

    On my website there is a blank space between the menu and my first banner. there isn’t any titel because i don’t need it. Is it possible to remove the empty space and have directly the banners on the top ?

    Thanks

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • I had a similar issue. I changed it by editing the padding for “.site-header” and margin for “.page-header” in the “Theme File Editor.” You’ll need to play with the padding and margin to see what works for you.

    Thread Starter leonardholzer

    (@leonardholzer)

    thanks but i can’t find it.

    here is how it looks like :

    1. Site Header
      /* ——————————————————————————– */

    .site-header {
    margin: 0;
    max-width: 0px;
    padding: 0px;
    position: relative;
    width: 90%;
    z-index: 10000;
    }

    .wp-custom-logo .site-header {
    padding: 80px 0;
    }

    .site-header .site-title {
    font-size: 24px;
    font-weight: 500;
    margin: 0;
    }

    .site-header .site-title a {
    text-decoration: none;
    }

    .site-header .site-title a:hover { color: rgba( 0, 0, 0, .55 ); }
    .dark-mode .site-header .site-title a:hover { color: rgba( 255, 255, 255, .55 ); }

    .site-header .custom-logo {
    background: no-repeat top left;
    background-size: contain;
    display: block;
    max-height: 100px;
    max-width: calc( 100% – 80px );
    overflow: hidden;
    }

    .site-header .custom-logo img {
    display: block;
    visibility: hidden;
    width: 100%;
    }

    :root .nav-toggle {
    background-color: transparent;
    cursor: pointer;
    height: 30px;
    padding: 0;
    position: absolute;
    right: 0;
    top: calc( 50% – 15px );
    width: 50px;
    }

    .nav-toggle:before {
    content: “”;
    display: block;
    position: absolute;
    bottom: -20px;
    left: -20px;
    right: 0;
    top: -20px;
    }

    .nav-toggle .bar {
    background-color: rgba( 33, 42, 52, 1 );
    display: block;
    height: 2px;
    margin-top: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    top: calc( 50% – 1px );
    transform: rotate( 0deg );
    transition: transform .2s ease-in 0s, margin 0.2s ease-in 0.2s, opacity 0s ease-in 0.25s;
    width: 22px;
    z-index: 1;
    }

    .customizer-preview .nav-toggle .bar {
    transition: background-color .2s ease-in-out;
    }

    .dark-mode .nav-toggle .bar {
    background-color: rgba( 255, 255, 255, 1 );
    }

    .nav-toggle .bar:nth-child(1) { margin-top: -7px; }
    .nav-toggle .bar:nth-child(2) { margin-top: -1px; }
    .nav-toggle .bar:nth-child(3) { margin-top: 5px; }

    .nav-toggle.active .bar {
    transition: margin 0.2s ease-in, opacity 0s ease-in 0.2s, transform 0.2s ease-out 0.25s;
    }

    .nav-toggle.active .bar:nth-child(1) {
    margin-top: -1px;
    transform: rotate( 45deg );
    }

    .nav-toggle.active .bar:nth-child(2) {
    opacity: 0;
    }

    .nav-toggle.active .bar:nth-child(3) {
    margin-top: -1px;
    transform: rotate( -45deg );
    }

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘blank space on the main page’ is closed to new replies.