2016-05-27 9 views
0

Auf this website, gibt es eine Lücke zwischen #container_head & #container_page:zusätzliche Marge zwischen DIVs

Können Sie sehen, was diese Lücke verursacht? Ich kann nicht. Ich habe versucht, ein JFiddle zu erstellen, aber ich dachte, Sie würden die Live-Site schneller zeigen.

enter image description here

+0

Ihre Header-ID-Masthead hat Margin-Bottom von 4.236em..Entfernen Sie das und Sie sind fertig. –

+0

Einfach, benutze #masthead {margin-bottom: 0px} in style.css oder notwendiger Gebrauch! Wichtig. –

Antwort

2

Es gibt einen Margin-Bottom für den Kopfbereich in der .site-Header-Klasse. Entfernen Sie es und es funktioniert gut

+0

Weil du der Erste bist, wähle ich deine Antwort Mohith. – Steve

1

Innen #container_head wo header#masthead die margin-bottom: 4.236em hat.

Es in CSS-Regel angewandt wird:

.home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header, .no-wc-breadcrumb .site-header { 
    margin-bottom: 4.236em; 
} 

Fix it, indem Sie die folgenden CSS (Anmerkung unten):

.home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header, .no-wc-breadcrumb .site-header {} 
1

Der Header ein unterer Rand in hier eingestellten

.home.page:not(.page-template-template-homepage) .site-header { 
    margin-bottom: 0; 
} 

Ich wäre vorsichtig, wenn Sie die auf die gesamte Erklärung in den Tannen setzen würde t Platz. Verwenden Sie die zweite Art, die ich zur Verfügung gestellt habe. Andernfalls kann es auf anderen Seiten Ihrer Website unerwünschte Auswirkungen haben.

1

In Ihrem Stil ist es margin-bottom Problem, da es beheben

.home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header, .no-wc-breadcrumb .site-header{ 
margin:0px !Important; 
} 
1

Die Polsterung aus einem internen div innerhalb Header kommt mit id = Mastkorb. Details finden Sie in der Anzeige. enter image description here

Sobald Sie es entfernen, wird Ihr Problem behoben.