Çözemediğim saçma sorun ( r10+ )

Arkadaşlar, bir arkadaşım ciddi yatırım yaparak işyeri açtı, ben de destek amaçlı lisanstır domaindir kendim karşılayarak ücretsiz olarak sitesini hazırlıyorum.

Neredeyse bitti ama, google üzerinden girince, üst menü altında 1 santimlik boşluk çıkıyor. (arka plan resmi görünüyor, yokken beyazlık geliyor)


Ama anasayfayı yenileyince vs. düzeliyor, sorun yok. Bazen ctrl + f5 yapınca yine geliyor, bazen gelmiyor.


Bu sorun sadece anasayfada oluyor, alt sayfalarda hiçbir zaman olmuyor.
Anasayfanın css main diye ayrı, oradan birkaç şeyi değiştim.
Ama bu saçma sorunu çözemiyorum.


Not: Anasayfa butonu değil, logoya tıklarsanız direk site linkindeki giriş sayfasında sorun var.


Google girişi, üst menü altında boşluk olacak: https://www.google.com.tr/search?ei=....0.1TvqWQyI88U


Ama site anasayfasını yenileyin, veya logoya tıklayın düzelecek.


(sonra section alanı geliyor.)

body{
 background:url([url]http://www.minervaik.com/arkaplan.jpg[/url]) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
font-family: 'Titillium Web', sans-serif;

}
img{
max-width: 100%;
}


/* SLIDER */
ul.banner li {
height: 102%;
overflow: hidden;
}
ul.banner li video, ul.banner li iframe {
position: absolute;
top: 0px;
left: 0px;
z-index: -1;
min-height: 100%;
min-width: 100%;
}
ul.banner li > div {
width: 100%;
height: 100%;
display: table;
}
ul.banner li > div > div {
width: 100%;
height: 100%;
display: table-cell;
vertical-align: middle;
}




.bx-wrapper .bx-viewport {
-moz-box-shadow: 0;
-webkit-box-shadow: 0;
box-shadow: 0;
border: 0;
left: 0;
background: transparent;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
position: absolute;
bottom: 15px;
width: 100%;
}
.bx-wrapper, .bx-viewport {
position: relative;
margin: 0;
padding: 0;
width: 100% !important;
height: 100% !important;
}




/* MENU */
#menu {
width: 100%;
z-index: 999;
background-color: white;
border-bottom: 3px solid #ebebeb;
padding: 15px 0;
 background:url([url]http://www.minervaik.com/menu-arkaplan.jpg[/url]) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#menu-sticky-wrapper {
min-height: 100px;
}
#menu ul {
padding: 0;
margin: 0;
text-align: center;
}
#menu ul li {
font-size: 15px;
display: inline-block;
margin: 0 10px;
text-transform: uppercase;
font-family: 'Titillium Web', sans-serif;
}
#menu ul li ul.sub-menu { display:none; }
#menu ul li > ul.sub-menu {
max-width: 100%;
position: absolute;
padding-bottom: 100px;
z-index: 3421;

}
#menu ul li:hover > ul.sub-menu {
display: block;
}
#menu ul li > ul.sub-menu li { display: block !important; }
#menu ul li > ul.sub-menu li > ul { padding: 0; max-width: 100%; position: relative; padding-top: 0; padding-bottom: 10px; border-top: 2px solid #ebebeb; }
#menu ul li > ul.sub-menu li { margin: 0; /*text-align: left;*/ background: white; padding-left: 10px; padding-right: 10px; }
#menu ul li a, .navbar-collapse a {
color: #ffffff;
text-decoration: none;
}
#menu ul li.current_page_item a, #menu ul li a:hover {
color: #343434;
}
#menu .logo {
display: inline-block;
margin: auto 10px;
}
.mobile-logo { padding-left: 10px; }
.navbar-header.pull-right { margin-left: 15px; margin-top:4px; }
#menu .logo h1 a, #menu .mobile-logo h1 a{
color: #686868;
text-decoration: none;
}
nav.visible-xs {
position: fixed;
top:0;
width: 100%;
z-index: 4324234234234;
}
nav.visible-xs ul {
display: block;
font-family: 'CaviarDreams', 'Roboto' !important;
font-size: 18px;
padding: 10px 0;
font-weight: bold;
color: inherit;
}
nav.visible-xs ul li {
display: block;
text-align: center;
}
nav.visible-xs ul.sub-menu {
font-size: 16px;
font-weight: lighter;
}
.mobile-logo img { max-height: 46px; width: auto; margin-top: 5px; }

Tesadüfmü bilemem ama bendede aynısı var. Problem olan daha önce böyle birşey yoktu 2-3 gündür oluştu ama ne yaptıysam sonuç alamadım. Wordpress özelleştirden baktığımda boşluksuz ama anasayfada o boşluk halen duruyor.

Özel mesajla ulaşan arkadaş birşey önerdi, onu değiştirdim olmadı ama aynı kod yer alan başka biryeri değiştirdim, şuan çözüldü gibi, sadece border alanı ince kaldı.
Bir kontrol edebilir misiniz siteyi?


Değiştiğim alan şurası:
#menu-sticky-wrapper {
max-height: 100px;



min yerine max yaptık, sadece çizgi ince, aşağı doğru inerken kalınlaşıyor

#menu-sticky-wrapper divinde bulunan height değerini direk height:100px; olarak tanımlayıp deneyebilirmisiniz?

max veya height olarak direk yazınca sorun devam ediyor veya yarım açılıyor bu sefer.

Not: Diğer arkadaşta burayı kastetmiş zaten, ben bu kodu tamamen kaldırdım, %100 olmasa da daha iyi oldu gibi.
#menu-sticky-wrapper {
height: 100px;
}



Bunu silmenin ne eksisi olabilir ?



Arkadaşlar net olarak %100 olarak çözemedim. Sizce yanlış olan kısım nedir?

Veya neyi yanlış yapıyoruzdur? Bir oluyor bir olmuyor, ya hep ol ya da hiç olma yani.

sorun çözüldümü ?

Malesef, anasayfa slaytla çalıştığı için o alanda sorun var sadece.
Menü arka planını slaytın tamamı yapabilirsem sanırım sorunu öyle de çözebilirim.
Yani alt sayfalar ayrı zaten, anasayfa ise, slayt görseli ve üst menü arka planı aynı olacak.
Sanırım bu şekilde çözebilirim de, ona da uğracağım.
(yoksa diğer sorun devam ediyor, farklı biçimlerde)