ikemadni

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!!!!!!