Blank space in the header

  • Hi,

    I have two issues:

    1. I need to clear the blank space just below menu and above the image in the header unfortunately I’m unable to do it using scripts mentioned in the support forum which are :

    .site-header {
    display: none;
}

#content {
    padding: 0;
}

    2. Further, I need to vertically center the menu in the Top Bar with the logo.

    3. How can I add social logos to the menu at the bottom right footer

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

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

  • Hi there,

    1. This CSS:

    .entry-content {
    margin-top: 0;
}

    2. This CSS:

    @media (min-width: 769px) {
    .inside-top-bar {
        display: flex;
        flex-direction: row-reverse;
    }

    .inside-top-bar .widget_nav_menu {
        margin-left: auto;
    }
}

    3. You would need to use a Social Links plugin in the Footer Widget. Something like: Lightweight Social Icons.

    Thread Starter Megan.ons

    (@meganons)

    Thanks David,

    1. Worked perfectly

    2. I guess I wasn’t able to clearly indicate the issue. I want the MENU in the top bar to be vertically at center. The script you shared horizontally centers the logo.

    3. Worked perfectly

    Oops missed a CSS rule for #2. Try this:

    @media (min-width: 769px) {
    .inside-top-bar {
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
    }

    .inside-top-bar .widget_nav_menu {
        margin-left: auto !important;
    }
}
    Thread Starter Megan.ons

    (@meganons)

    This one works perfectly.

    Thanks a ton David ??

    Awesome – glad to be of help

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Blank space in the header’ is closed to new replies.

Tags