End of Support for Joomla 3 - Forum closed
[SOLVED] Sticky Menu Mobil | J 3.9
Hallo,
ich würde mich über Hilfe bei folgendem Problem freuen:
Normalerweise ist das Sticky Menu im Host Template ja "transparent" über den Bildern der Slideshow und wird erst beim Scrollen Schwarz.
Der Kunde hat sich jetzt aber gewünscht, dass dies immer schwarz ist (Da einige Bilder in der Slideshow mit sehr hellem Himmel dabei waren, bei der die Menüpunkte dann schlecht lesbar waren)
in der Desktop-Version ist das auch kein Problem, hier wird halt oben ein kleiner Teil des Bildes mit der schwarzen Menüleiste verdeckt.
In der mobilen Version wurde dadurch aber über 50% des Slideshowbildes inkl. Breadcrumbs und Suche in der Position headerbar-l und -r verdeckt, weshalb ich in der mobilen Version die Slideshow zunächst deaktiviert habe.
Jetzt wird aber trotzdem auf der Startseite in der mobilen Version die Headerbar mit Breadcrumbs und Suche verdeckt (und sogar noch ein Stück des Herzlich Willkommen-Beitrags), weil die Leiste schwarz ist.
Live-Url:
Part of the message is hidden for the guests. Please log in or register to see it.
Ist aber komischerweise nur auf der Startseite - auf allen anderen Seiten funktioniert es mobil wie gewünscht...
Stehe da irgendwie gerade auf dem Schlauch - danke im Voraus
ich würde mich über Hilfe bei folgendem Problem freuen:
Normalerweise ist das Sticky Menu im Host Template ja "transparent" über den Bildern der Slideshow und wird erst beim Scrollen Schwarz.
Der Kunde hat sich jetzt aber gewünscht, dass dies immer schwarz ist (Da einige Bilder in der Slideshow mit sehr hellem Himmel dabei waren, bei der die Menüpunkte dann schlecht lesbar waren)
in der Desktop-Version ist das auch kein Problem, hier wird halt oben ein kleiner Teil des Bildes mit der schwarzen Menüleiste verdeckt.
In der mobilen Version wurde dadurch aber über 50% des Slideshowbildes inkl. Breadcrumbs und Suche in der Position headerbar-l und -r verdeckt, weshalb ich in der mobilen Version die Slideshow zunächst deaktiviert habe.
Jetzt wird aber trotzdem auf der Startseite in der mobilen Version die Headerbar mit Breadcrumbs und Suche verdeckt (und sogar noch ein Stück des Herzlich Willkommen-Beitrags), weil die Leiste schwarz ist.
Live-Url:
Part of the message is hidden for the guests. Please log in or register to see it.
Ist aber komischerweise nur auf der Startseite - auf allen anderen Seiten funktioniert es mobil wie gewünscht...
Stehe da irgendwie gerade auf dem Schlauch - danke im Voraus
by xsmur
Please Log in or Create an account to join the conversation.
- joomlaplates
- Offline
- Moderator
- Posts: 8807
- Thank you received: 1732
Hallo, fügen sie mal bitte folgenden css code in ihre custom.css ein. Eventuell etwas mit den Größen spielen
@media screen and (max-width: 762px) {
#main-content {
padding-top:80px;
}
}
Dokumentation:
www.joomlaplates.de/dokumentation.html
www.joomlaplates.de/dokumentation.html
by joomlaplates
Please Log in or Create an account to join the conversation.
Danke für den Vorschlag, das hat aber leider nur den Willkommen-Beitrag weiter nach unten geschoben.
Breadcrumbs und Suche waren weiterhin verdeckt.
Habe es jetzt aber durch folgenden Code in der custom.css hinbekommen:
Mir ist aufgefallen, dass das nur auf der Startseite nicht direkt zugewiesen wird, bei allen anderen Seiten ist das irgendwie direkt in der "uk-sticky-placeholder"-Class enthalten:
Startseite:
Alle anderen Seiten:
Breadcrumbs und Suche waren weiterhin verdeckt.
Habe es jetzt aber durch folgenden Code in der custom.css hinbekommen:
Code:
.uk-sticky-placeholder {
height: 120px !important;
}
Mir ist aufgefallen, dass das nur auf der Startseite nicht direkt zugewiesen wird, bei allen anderen Seiten ist das irgendwie direkt in der "uk-sticky-placeholder"-Class enthalten:
Startseite:
Code:
<div class="uk-sticky-placeholder" style="margin: 0px;">...</div>
Code:
<div class="uk-sticky-placeholder" style="height: 120px; margin: 0px;">...</div>
by xsmur
Please Log in or Create an account to join the conversation.
- joomlaplates
- Offline
- Moderator
- Posts: 8807
- Thank you received: 1732
Hallo, löschen sie mal alle layouts die sie nicht benötigen.
Vielleicht ist ein Layout einem Menupunkt zugewisen und im Layout die Sticky Funktion deaktiviert
www.joomlaplates.de/support/dokumentation/warp7-template-layout
Vielleicht ist ein Layout einem Menupunkt zugewisen und im Layout die Sticky Funktion deaktiviert
www.joomlaplates.de/support/dokumentation/warp7-template-layout
Dokumentation:
www.joomlaplates.de/dokumentation.html
www.joomlaplates.de/dokumentation.html
by joomlaplates
The following user(s) said Thank You: xsmur
Please Log in or Create an account to join the conversation.
Moderators: joomlaplates