End of Support for Joomla 3 - Forum closed

[SOLVED] Sticky Menu Mobil | J 3.9

  • xsmur
  • xsmur's Avatar Offline Topic Author
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 2
  • Thank you received: 0

Sticky Menu Mobil | J 3.9 was created by xsmur

Posted 3 years 3 months ago #28312
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 :)
by xsmur

Please Log in or Create an account to join the conversation.

Replied by joomlaplates on topic Sticky Menu Mobil | J 3.9

Posted 3 years 3 months ago #28313
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;
}
}

Please Log in or Create an account to join the conversation.

  • xsmur
  • xsmur's Avatar Offline Topic Author
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 2
  • Thank you received: 0

Replied by xsmur on topic Sticky Menu Mobil | J 3.9

Posted 3 years 3 months ago #28321
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:
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>
Alle anderen Seiten:
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.

Replied by joomlaplates on topic Sticky Menu Mobil | J 3.9

Posted 3 years 3 months ago #28329
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
The following user(s) said Thank You: xsmur

Please Log in or Create an account to join the conversation.

  • xsmur
  • xsmur's Avatar Offline Topic Author
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 2
  • Thank you received: 0

Replied by xsmur on topic [SOLVED] Sticky Menu Mobil | J 3.9

Posted 3 years 3 months ago #28332
Problem solved.
by xsmur

Please Log in or Create an account to join the conversation.

Moderators: joomlaplates

Installations-Service

Don´t waste your time, we install your purchased Template
with the "Demo Content" within the next 24 hours.

Buy Now - 59€

Joomlaplates/Theme-Point is not affiliated with or endorsed by Open Source Matters or the Joomla! Project

Copyright © 2022 JoomlaPlates | Professional Joomla Templates with Uikit 3

Disclaimer & Privacy | License