Enfold Probleme mit Header Größe

rebyus

Alles geregelt mittlerweile..... Nun hab ich nur noch das Problem mit der Anpassung vom Header.... Gibt es da was für die Custom css wo ich das Header an das Board anpassen kann ?

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Azrael_0815

Wie denn? Sorry, aber bitte stelle vernünftige Fragen, dass man weiß, was Du erreichen möchtest ;)

rebyus

Oh Sorry, also http://www.tvhuesingen.info , mittlerweile klappt alles das einzige was ich gerade ewig schon probiere und wo ich mich im Blog durchlesse wie
- ich das Header auf die volle breite ziehen kann das links und rechts die 2 weißen Balken weg kommen
- wie ich bei der Sidebar rechts die Trennungsinie näher dran bekomm

Hoffe habs gut erklärt

Azrael_0815

#header_main > .container {
padding: 0;
}
Musst dann das Bild nochmal uploaden, denn im Moment ist das 300*100.

.inner_sidebar {
margin-left: 30px;
}
Steht momentan auf 50px.

rebyus

Also das mit dem Header klappt irgendwie nicht, ich lade es hoch ( benutze Enfolder ) füge das Bild mit 1200x300 ein und passiert leider nichts

Und das mit der Sidebar funktioniert aber ich möchte ja die Trennlinie nach rechts richtung Sidebar Text verschieben und nicht den Text

hm...

Azrael_0815

Also, Du machst erst:

#header_main > .container {
padding: 0;
}

und dann

.html_header_top.html_logo_center #top .logo {
left: 0;
-webkit-transform: translate(0,0);
-ms-transform: translate(0,0);
transform: translate(0,0);
}

#top .logo a {
max-height: none !important;
}

#top .logo img {
height: auto !important;
max-height: none !important;
width: 100%;
}

Das mit der Linie ist schwerer, denn das ist eine border vom Content, keine wahre Linie. Kann ich mit CSS also nicht ansprechen, was die Position angeht.

rebyus

hm super danke hab ich eingefügt aber glaub ich mach was falsch....

Azrael_0815

Yepp.

Mach mal

#header_main > .container {
padding: 0;
width:100%;
}
Der Container-Div hat immer noch 96% :-(

rebyus

So hab ich das nun in due Custom css reingeschrieben :

#header_main > .container {
padding: 0;
width:100%;
}
.html_header_top.html_logo_center #top .logo {
left: 0;
-webkit-transform: translate(0,0);
-ms-transform: translate(0,0);
transform: translate(0,0);
}
#top .logo a {
max-height: none !important;
}
#top .logo img {
height: auto !important;
max-height: none !important;
width: 100%;
}

Azrael_0815

container stimmt jetzt. Jetzt inner-container.

rebyus

#header_main > inner-container. {
padding: 0;
width:100%;
}
.html_header_top.html_logo_center #top .logo {
left: 0;
-webkit-transform: translate(0,0);
-ms-transform: translate(0,0);
transform: translate(0,0);
}
#top .logo a {
max-height: none !important;
}
#top .logo img {
height: auto !important;
max-height: none !important;
width: 100%;
}

Azrael_0815

Jetzt stimmt der container wieder nicht :-( Ich gebe es auf.

rebyus

Hm Danke Dir trotzdem für die große Mühe :(

ich kann nur eine größe auswählen von 1200x300 wenn ich das irgendwie unterbinden kann .... weiß die tatsächliche größe leider nicht vermute 1400x300

ok ich sag nichts mehr :-) habs rausgefunden

Musste einfach die Page von 1310 auf 1200 legen .... Danke Dir für die große Mhe :-)

Und das mit der Sidebar ist ein größeres Thema dann ?

Azrael_0815

Die Border hat halt keinen Namen, darum kann ich auf die nicht mit CSS zugreifen. Du könntest die nicht sichtbar machen und eine eigene Border setzen beim WIdget.

rebyus

ja habe Sie grad nicht sichtbar gemacht und denke das ich es nun auch so lasse :-)

Das einzige Problem wo ich habe das es mir bei der Mobileansicht ein anderes Header nun anzeigt :(

Sailor56

Vielleicht ist das eine Lösung für dich und dein Headerbild-Problem:

HTML

.header_color .header_bg {
     background-image: url(//tvhuesingen.info/wp-content/uploads/2018/04/header.png);
     background-repeat: no-repeat;
     background-position: top center;
     background-size: 100%;
  }


@media screen and (max-width: 1200px) {
#top #header_main > .container {
     height: calc(73vw / 3.0) !important;
  }
} 
@media screen and (max-width: 989px){
  #top #header_main > .container {
     height: calc(100vw / 3.3) !important;
  }
}

Alles anzeigen

Ich kann das nur nicht wirklich testen, aber einen Versuch ist es wert.

rebyus

Danke Dir das Header habe ich ja nun in Griff bekommen, nur wenn ich mit dem Smartphone auf die Homepage gehe zeigt es mir die komplettte Seite nun auf einmal an :(

Sailor56

Kann ich nicht nachvollziehen - bei mir sieht es so aus:

Allerdings ist die Darstellung hier ca doppelt so groß, wie das Original auf dem Handy (Samsung Galaxy)
Was noch stört, ist dein fast unsichtbares Hamburger-Menü... das sollte entweder farblich abgehoben sein, oder verlegt werden.
Und was ist das da für eine Einblendung oben im Kopf ... 'ENFOLD'? Das sollte auch weg, wenn es geht!

rebyus

wenn Du nun auf ww.tv-huesingen.de gehst sieht es wieder anderst aus oder ?

okey habs nun weg bekommen mit dem enfold.... nun zeigt es aber das Header nicht mehr an .....

habe das eingefügt... .logo { display: none !important }

Sailor56

Dann solltest du das wieder rückgängig machen!
Das war dann definitiv nicht die richtige Formatierung - ich kann da aber jetzt nichts machen... seh nichts.... du hast den Header ausgeblendet.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Enfold Probleme mit Header Größe

Jetzt mitmachen!