Logo verkleinert sich beim Scrollen im Sticky-Menü

Quality19xx

Hallo Zusammen,

ich nutze BeTheme 12.1 und Wordpress [COLOR=#444444][FONT=&quot]4.5.3 [/FONT][/COLOR]und auf meiner Seite http://www.quality-lifestyle.de/ wird das Logo in der Mitte der Sliding-Menu-Bar ungewollt kleiner beim Herunterscrollen. Denke hängt irgendwie mit folgendem Code zusammen aber hin bekomme ich es leider nicht.

Irgendjemand eine Idee?

Viele Grüße

CSS

#Top_bar .menu > li > a span:not(.description) { border-right-width: 0; letter-spacing: 2px; }


@media only screen and (min-width: 768px) {
	.header-split #Top_bar:not(.is-sticky) {
		background-color: rgba(250,250,250,10);
		position: absolute;
		border-bottom: 1px solid rgba(250,250,250,0.2);
		top: 0;
                text-decoration: underline;
	}
}




#Top_bar.is-sticky { height: 100px; }
#Top_bar.is-sticky .menu > li > a, #Top_bar.is-sticky .menu > li > a span { line-height: 60px; }
#Top_bar.is-sticky #logo { padding: 12px 0;}
#Top_bar.is-sticky #logo img {max-height: 120px; }




.sticky-enabled .tc-shrink-on .site-logo img {
height: 100% !important;
}








#Top_bar .menu > li a:after {
    top: auto;
    bottom: 0px;
}




#Top_bar .menu li ul li {
    width: 200px;
    text-align: left;
}

Alles anzeigen

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

gericoach

denke nicht, dass das ungewollt ist...

TARCGN

Huihui, der Auftritt hat ja _einige_ nachweisbare Defizite, die ich mal außen vor lassen möchte an dieser Stelle. Und sieht auch optisch in mehrerlei Belangen mal gar nicht SO gut aus...

Aber lassen wir das. Dein Problem ist lösbar. Aber Du hast mit Deiner Site noch einige mehr, die auch gelöst werden wollen/sollten.

1.) Das "Problem" ist tatsächlich seitens des Themes "gewünscht".
2.) Aber nicht unmöglich, das entsprechend Deiner Wünsche zu fixen..
3.) Es ist allerdings unmöglich, das ohne konkreten Einblick in die Konfiguration/CSS etc zu korrigieren.
4.) Und ich will ehrlich sein, ohne das Theme lokal installieren und die möglichen Fehler reproduzieren zu können, mag ich auch keine Garantien abgeben.

Wie auch immer gilt: Wenn ich zum Fixing (s.o.) nicht mehr als eine halbe Stunde benötige (was ich nicht glaube), mache ich das gerne umsonst. Dann müsstest Du mir allerdings entsprechende Zugangsdaten geben und/oder eine Vorschau gewähren.

Da Du allerdings auch "Kölner" zu sein scheinst, können wir uns gerne auch mal vor Ort treffen und ich diskutiere mit Dir (kostenlos!) entsprechende Optimierungsmöglichkeiten.

Lieben Gruß
Thomas | TAR MediaDesign

Monika

TARCGN

das Forum ist dazu da, um öffentlich Hilfe zur Selbsthilfe zu leisten.

Aufforderungen zum Kontakt, selbst für kostenfreie Hilfe ersuchen wir zu unterlassen, wenn das wer mag, gibts die Jobbörse.

Wenn jeder von uns versteckt hilft, hat immer nur eine Person was davon, helfen wir öffentlich mehrere.

#################

quality

da brauchts einen Link, sonst kann nicht geholfen werden. Es ist unmöglich sich alle Themes der Fragenden hier hochzuladen, unabhängig, dass Plugins auch mit bedacht werden müssen.

SirEctor

Quality19xx: weil ich nicht möchte, dass du abgezockt wirst, hier mal eine Möglichkeit, wie du das machen kannst. Hat übrigens nicht länger als 2 Min. gedauert ;-)

CSS

@media only screen and (min-width: 1240px){
#Top_bar.is-sticky #logo img.logo-main {
    display: inline !important;
}
#Top_bar.is-sticky #logo img.logo-sticky {
    display: none !important;
}
#Top_bar.is-sticky #logo img:not(.svg) {
    max-height: 100% !important;
}
body #Top_bar.is-sticky #logo {
    height: 60px !important;
    line-height: 60px !important;
}
}

Alles anzeigen

Das ganze am Besten in ein Custom CSS Plugin schreiben oder in ein Child-Theme.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Logo verkleinert sich beim Scrollen im Sticky-Menü

Jetzt mitmachen!