How to remove white space in header in twenty sixteen theme & add social buttons

  • Resolved Brenda

    (@naughtyandnicelingerie)


    8 years ago

    Hello,

    I’ve been researching a solution for the last two hours and cant find it. Sorry if this is a repeat. I need to remove the white space in the header above and below the menu at website http://www.brothersbeforeothers.org.

    Would also like to know how to add a navigation to add social buttons across the top like seen at https://naughtyandnicelingerie.com

    Thank you in advance for your assistance.

Viewing 10 replies - 1 through 10 (of 10 total)
  • Thread Starter Brenda

    (@naughtyandnicelingerie)

    8 years ago

    was able to remove some white space from under the menu, but not above. Is there any way to do that and still add the social follow buttons?

    AjitKhodke

    (@ajitkhodke)

    8 years ago

    Take a look at following discussion thread. Hope it will some help.
    https://wordpress.org/support/topic/twenty-sixteen-child-theme-how-to-remove-white-space-below-site-title?replies=4

    Thread Starter Brenda

    (@naughtyandnicelingerie)

    8 years ago

    I should’ve explained I am an amateur and am not sure where all to look to fix things. Usually needs to be spelt out. Hoping someone can give me a little more to work with and infer info on social buttons too. Thank you.

    Thread Starter Brenda

    (@naughtyandnicelingerie)

    8 years ago

    Oh, ajit, I was able to remove the white space below the menu by another means, not the way the article you left me, but by adding the following css to the bottom of my css stylesheet:

    .site-header {padding-bottom: 0rem;}

    I wanted to post it in case anyone else may need it.

    Thread Starter Brenda

    (@naughtyandnicelingerie)

    8 years ago

    I removed the elite space I wanted. Now if someone could please advise on the social buttons, I’d really be appreciative!

    Thread Starter Brenda

    (@naughtyandnicelingerie)

    8 years ago

    Figured it all out after a good nights sleep. THx

    ikemadni

    (@ikemadni)

    7 years, 9 months ago

    I have similar issues wit twenty Sixteen. We will appreciated if some one help us: here are my specfic issues:

    I read all forms responses but cannot find any resolution to my problems:
    1. Can not remove white space above the menu area
    2. Can not remove white space between the header image and page/post title
    3. Cannot move header image above the menu/logo

    I created the child Theme and tried various code changes as suggested on the forum. Here are few:

    .header-image {
    margin-bottom: 90px;
    margin-top: -80px;

    xxxxxxxxxxxxxxx

    .header-image {

    clear: both;
    margin: 0.875em 0;
    }

    .header-image a {
    display: block;
    }

    xxxxxxxxxxxxxxxxxxx

    .header-image {
    margin-top: -50px;
    }

    .hgroup-wrap {
    padding-top: 0;
    padding-bottom: 0;
    }

    xxxxxxxxxxxxxxxxxxxxxxxxxxx

    .top-menu-center {
    width: 100%;

    xxxxxxxxxxxxxx
    .main-navigation .primary-menu > li {
    float: left;
    }
    xxxxxxxxxxx

    Remove White Space at Top Header
    From:
    #header #logo{
    padding-top:15px;
    }

    To:
    #header #logo{
    padding-top:0px;
    }

    xxxxxxxxxxxxxxx

    .site-header {
    padding: 2.625em 7.6923%;
    xxxxxxxxxxxxxxxx

    I would like to just move my header on my site to the top and the menu sit underneath it.

    From:
    .site-branding,
    .site-header-menu,
    .header-image {
    margin-top: .5em;
    margin-bottom: 1.75em;
    To:
    .site-branding, .site-header-menu, .header-image {
    margin-bottom: 90px;
    margin-top: -80px;

    xxxxxxxxxxxx

    I want to move the header logo_bar up to utilise the space

    You can add this under Custom > CSS in the Customizer or in your child theme’s style.css file.

    @media (min-width:768px){
    a.x-brand.img img {
    margin-top: -35px;
    }
    }

    xxxxxxxxxxxxx

    Removing space between header & content

    .content-left-wrap{
padding-top: 60px;
}

    xxxxxxxxxxxxxx

    Trying to remove white space between header and content

    }

    .site-main {
    margin-bottom: 3.5em;

    xxxxxxxxx

    .dropdown-toggle {

    height: 48px;

    xxxxxxxxxxx

    how to reduce white space padding around twentysixteen theme header?

    .site-header{
    padding:…
    }

    .site-main > article {
    margin-bottom:…
    }

    xxxxxxxxx

    .site-branding, .site-header-menu, .header-image {
    margin-bottom: 90;
    margin-top: -80px;
    }

    xxxxxxxxxxx
    Remove padding above logo in Twentysixteen

    header#masthead {
    padding-top: 0;
    }

    xxxxxxxxxxxx

    Hi I cant get rid of the spacing above the h1 tag and below the facebook like.
    I tried the
.site-main {
margin-top: 0;
padding-top: 0;}

    but it didn’t do anything. I also tried

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

    xxxxxxxxxx

    .page-content {
    margin: 0 auto;
    max-width: 974px;
    }
    .widget-area .widget li {
    line-height: 0;
    }

    xxxxxxxxxx
    How to change the content area width?

    .site {
    margin-left: 15%;
    margin-right: 15%;
    }

    xxxxxxxxxx

    How to move MENU below HEADER image in Twenty Twelve theme (40 posts)

    ideally in a child theme of Twenty Twelve, move this section of header.php:
    <nav id=”site-navigation” class=”main-navigation” role=”navigation”>
    …
    …
    </nav><!– #site-navigation –>
    to just before:

    </header><!– #masthead –>

    Please help!!!!!!

    dhuang

    (@dhuang)

    7 years, 2 months ago

    @naughtyandnicelingerie how were you able to remove the white space above the header? I am having a similar issue with the Twentyseventeen theme

    dhuang

    (@dhuang)

    7 years, 2 months ago

    nvm!

    sallyivette

    (@sallyivette)

    7 years, 1 month ago

    I do not know how to use CSS as at all and when i try to copy and paste it doesn’t work – can someone help me remove the white space above and beneath home

    http://www.chasingsunsetsabroad.com

    Thanks!

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘How to remove white space in header in twenty sixteen theme & add social buttons’ is closed to new replies.

Tags