- Joomla Version
- Joomla 5
- PHP Version
- PHP 8.1.x
- Hoster
- netclusive.de
Hallo zusammen,
wie kann ich die maximale seitenbreite einstellen bevor es zum mobilen ansicht wechselt? Zum Beispiel ab 1200 px breite soll es zum Mobilansicht wechseln.
Hallo zusammen,
wie kann ich die maximale seitenbreite einstellen bevor es zum mobilen ansicht wechselt? Zum Beispiel ab 1200 px breite soll es zum Mobilansicht wechseln.
Hallo,
MediaQueries ist das "Zauberwort".
Da das Template aber sicher responsiv ist, sollte da etwas in der passenden CSS-Datei vorhanden sein.
Mit einem Link gibt es sicher einen genaueren Wink.
Christian
Hallo,
MediaQueries ist das "Zauberwort".
Da das Template aber sicher responsiv ist, sollte da etwas in der passenden CSS-Datei vorhanden sein.
Mit einem Link gibt es sicher einen genaueren Wink.
Hallo Christian,
hier zwei Beispiele.
Bei einer bestimmten Seitenbreite schalten sich die Weseiten automatisch auf Mobilansicht, wo kann man das bitte im CSS beinflussen? Ich würde die Breite je nach Navigationslänge einstellen so das es nicht zwei Spaltig wird und danach erst Mobilansicht.
Dann schau in die template.css bei den @media-Angaben.
Vielleicht bei min-width 1200px mal container-width 960px eingeben:
Bzw. einfach mal mit den Größenangaben spielen.
Die geänderten Daten natürlich updatesicher in die custom.css eintragen!
Danke.
Bei C & P ist da die letzte Klammer verloren gegangen.
TE hat sich noch nicht gemeldet, ob es auch funzt.
Hallo,
danke für die schnelle Antwort. Leider konnte ich mich nicht so schnell melden, da ich suchen musste.
War schon beinahe richtig, musste aber mit FTP in den aktiven Template-Ordner Helix Ultimate rein.
/templates/shaper_helixultimate/scss/responsive.scss
Und in der Datei responsive.scss beliebige Änderungen vornehmen, hat auch funktioniert.
Bei @media (max-width: 992px) habe ich 992px gegen 1200px getauscht. Man kann sogar noch mehr responsive Einsellungen vornehmen.
War schon beinahe richtig, musste aber mit FTP in den aktiven Template-Ordner Helix Ultimate rein.
/templates/shaper_helixultimate/scss/responsive.scss
Und in der Datei responsive.scss beliebige Änderungen vornehmen, hat auch funktioniert.
Ich arbeite zwar nicht mit diesem Template, aber werden diese Dateien bei einem Template-Update nicht überschrieben?
Falls ja, dann irgendwo die Änderungen notieren und nach einem Update erneut ausführen!
Ich arbeite zwar nicht mit diesem Template, aber werden diese Dateien bei einem Template-Update nicht überschrieben?
Falls ja, dann irgendwo die Änderungen notieren und nach einem Update erneut ausführen!
Ich weiß es nicht daran habe ich nicht gedacht, habe die CSS-Datei aber kopiert.
Schau mal hier:
Method#1 oder Method#2
Liebe Grüße
Christine
Gute Idee,
Danke