Please always enter the name of the template and the Joomla version and the live URL if available
[GELÖST] Menü wird zu früh ausgeblendet
Hallo,
ich habe eine Website auf Basis von »tp_ultimate« mit Logo und Menü im Header erstellt.
Ab einer Fensterbreite von 991px wird das Menü ausgeblendet. Diesen Wert möchte ich gerne verkleinern, da zwischen Logo und Menü noch genug Platz ist.
Gibt es eine Möglichkeit, pixelgenau den Ausblendepunkt festzulegen und im Gegenzug auch pixelgenau zu diesem Zeitpunkt das Icon für das Off-Canvas-Menü einzublenden?
Danke und Grüße,
Flixx2
ich habe eine Website auf Basis von »tp_ultimate« mit Logo und Menü im Header erstellt.
Ab einer Fensterbreite von 991px wird das Menü ausgeblendet. Diesen Wert möchte ich gerne verkleinern, da zwischen Logo und Menü noch genug Platz ist.
Gibt es eine Möglichkeit, pixelgenau den Ausblendepunkt festzulegen und im Gegenzug auch pixelgenau zu diesem Zeitpunkt das Icon für das Off-Canvas-Menü einzublenden?
Danke und Grüße,
Flixx2
by flixx2
Please Log in or Create an account to join the conversation.
- joomlaplates
- Offline
- Moderator
- Posts: 8807
- Thank you received: 1732
Replied by joomlaplates on topic [GELÖST] Menü wird zu früh ausgeblendet
Posted 2 years 2 weeks ago #31590
Hallo, dazu müssten sie das komplette grid system ändern was auf Bootstrap aufbaut.
Dokumentation:
www.joomlaplates.de/dokumentation.html
www.joomlaplates.de/dokumentation.html
by joomlaplates
Please Log in or Create an account to join the conversation.
- joomlaplates
- Offline
- Moderator
- Posts: 8807
- Thank you received: 1732
Replied by joomlaplates on topic [GELÖST] Menü wird zu früh ausgeblendet
Posted 2 years 2 weeks ago #31591
Nachtrag
Eine custom.scss in den Ordner scss erstellen und folgenden code einfügen ggf anpassen auf ihre Bedürfnisse
Eine custom.scss in den Ordner scss erstellen und folgenden code einfügen ggf anpassen auf ihre Bedürfnisse
Code:
$grid-breakpoints: ( xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1230px );
$container-max-widths: ( sm: 540px, md: 720px, lg: 960px, xl: 1200px );
Dokumentation:
www.joomlaplates.de/dokumentation.html
www.joomlaplates.de/dokumentation.html
Last Edit:2 years 2 weeks ago
by joomlaplates
Last edit: 2 years 2 weeks ago by joomlaplates.
Please Log in or Create an account to join the conversation.
- Administrator
- Offline
- Moderator
- Posts: 705
- Thank you received: 115
Replied by Administrator on topic [GELÖST] Menü wird zu früh ausgeblendet
Posted 2 years 2 weeks ago #31593
Könnte man den Breakpoint von 991px runtersetzen?
Habe ich noch nie gemacht. Müsste ich mal testen.
Habe ich noch nie gemacht. Müsste ich mal testen.
Please Log in or Create an account to join the conversation.
- joomlaplates
- Offline
- Moderator
- Posts: 8807
- Thank you received: 1732
Replied by joomlaplates on topic [GELÖST] Menü wird zu früh ausgeblendet
Posted 2 years 2 weeks ago #31599
Hallo,
habe ich gerade getestet. Ist eine riesen Aktion und funktioniert nicht wirklich mit dem obigen code.
Mal sehen, ob ich es mit minx oder less hinbekomme. SCSS geht nicht
habe ich gerade getestet. Ist eine riesen Aktion und funktioniert nicht wirklich mit dem obigen code.
Mal sehen, ob ich es mit minx oder less hinbekomme. SCSS geht nicht
Dokumentation:
www.joomlaplates.de/dokumentation.html
www.joomlaplates.de/dokumentation.html
by joomlaplates
Please Log in or Create an account to join the conversation.
Replied by flixx2 on topic [GELÖST] Menü wird zu früh ausgeblendet
Posted 2 years 2 weeks ago #31603
Hallo,
habe mal testweise den gesamten Block
ersetzt durch
Damit scheint es prima vista zu funktionieren. Eigentlich müsste man also lediglich »@media (min-width: 992px)« durch »@media (min-width: 940px)« ersetzen. Geht das auch ohne den ganzen Code (fast 500 Zeilen!) mitzuschleifen? Und habe ich jetzt den Container mit 992px durch 940px ersetzt oder einen zusätzlichen Container von 940px hinzugefügt?
habe mal testweise den gesamten Block
Code:
@media (min-width: 992px) {
.float-lg-start {
float: left !important;
}
...
}
ersetzt durch
Code:
@media (min-width: 940px) {
.float-lg-start {
float: left !important;
}
...
}
Damit scheint es prima vista zu funktionieren. Eigentlich müsste man also lediglich »@media (min-width: 992px)« durch »@media (min-width: 940px)« ersetzen. Geht das auch ohne den ganzen Code (fast 500 Zeilen!) mitzuschleifen? Und habe ich jetzt den Container mit 992px durch 940px ersetzt oder einen zusätzlichen Container von 940px hinzugefügt?
by flixx2
Please Log in or Create an account to join the conversation.
Moderators: joomlaplates