Beiträge von Tom

Das ist die Alternative, hier mußt du das Bild per FTP hochladen, in dem Beispiel meinLogo.jpg :

@include screen-lg {


	#pageHeaderLogo {
		padding: 0px !important;
		overflow: hidden;
		background-image: url('#{$style_image_path}meinLogo.jpg');
		background-position: center top;
		background-size: cover;
	}	
	.pageHeaderLogo > a {	
		width: 100%;
		height: 200px;		
	}
	.pageHeaderLogo > a img {
		display: none;
	}
	.pageHeaderLogo > a:hover img {
		transform: scale(1.0) !important; 
	}	


}

Versuch mal ob das geht:

@include screen-lg {


	#pageHeaderLogo {
		padding: 0px !important;
		overflow: hidden;
	}


	.pageHeaderLogo .pageHeaderLogoLarge {
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
	}	


	.pageHeaderLogo > a:hover img {
		transform: scale(1.0) !important; 
	}


	.pageHeaderLogo > a {
    	align-items: center;
    	display: flex;
    	max-height: 282px;
    	overflow: hidden;
		width: 100%;
	}


}

Sonst muss es doch als Hintergrundbild eingebunden werden damit das Menü weiterhin funktioniert.

Nimm das mal anstatt allen allen anderen Deklarationen:

@include screen-lg {


	#pageHeaderLogo {
		padding: 0px !important;
		overflow: hidden;
	}


	.pageHeaderLogo > a {
		display: block;
	}
	.pageHeaderLogo .pageHeaderLogoLarge {
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
	}	


	.pageHeaderLogo > a:hover img {
		transform: scale(1.0) !important; 
	}


}

Dann ist dein Logo immer 100% breit.

Sollte eigentlich nicht passieren, kannst du mir dein Logo mal anhängen oder schicken? Dann schaue ich mir das direkt damit an.

Ah, das hab ich vergessen, füge das noch ein:

.pageHeaderLogo > a:hover img {
		transform: scale(1.0) !important; 
	}

Passt die Darstellung ansonsten so weit?

Mach das so wie ich dir das im Beitrag über deinem geschrieben habe, dann kannst du das Bild im ACP hochladen.

Oder machen wir das so, füge das im Stil ein:

@include screen-lg {


	#pageHeaderLogo {
		padding: 0px !important;
		overflow: hidden;
	}


	.pageHeaderLogo .pageHeaderLogoLarge {
		max-width: none;
	}	


}

Dann kannst du deinen Headerhintergrund einfach im ACP als Logo hochladen.

Der sollte dann aber genau so hoch sein wie du das haben willst, der Hintergrund ersetzt dann 1:1 die farbige Fläche im Header.

Das sind zwei unterschiedliche Dinge, es gibt ein Logo, das weiße Dings:

und den Hintergrund vom Header, das ist das hier:

Das Logo lädst du im ACP hoch, das skaliert dann den Header auf die richtige Größe.

Was willst du denn genau einfügen? Kannst du das mal zeigen? Du willst also eigentlich den Hintergrund vom Header ändern?

Hast du das Logo übers ACP hochgeladen? Per FTP ersetzen geht bei der Suite nicht mehr wenn es nicht die selben Abmessungen hat.

Das mit der linken Sidebar kann man schon machen, dazu benötigt man wohl nur etwas CSS und irgendwo einen zweiten Button.

Hi,

ja, man kann natürlich auch Boxen auf die linke Seite packen. Eine Funktion zum auf- und zuklappen gibt es aber generell nur für die linke Seite.