End of Support for Joomla 3 - Forum closed
[SOLVED] hidden-small: Headerbar auf Smartphones ausblenden
hidden-small: Headerbar auf Smartphones ausblenden was created by sercosys
Posted 6 years 1 week ago #22067
JP-Power
J 3.8.13
Ich möchte die Modulposition 'headerbar' auf Smartphones ausblenden, da sonst die Bilder der Slideshow zu klein sind (es entsteht ein hässlicher Abstand nach unten).
Ich habe etwas geforscht und bin auf folgendenden Lösungsansatz gestoßen:
theme.php Zeile 172:
Jetzt wird die Headerbar zwar ausgeblendet aber leider schon viel zu früh.
Siehe: www.skoda-hamburg.de/
Gibt es da ne andere Möglichkeit?
Hab auch schon hidden-medium und hidden@s probiert - ohne Erfolg.
Danke!
Edit:
Evtl. gibt es ja auch die Möglichkeit den großen Abstand nach unten zu verringern, wenn die Slideshow verkleinert wird. Dann könnte sie auch bleiben...
Bin für jeden Tipp dankbar!
J 3.8.13
Ich möchte die Modulposition 'headerbar' auf Smartphones ausblenden, da sonst die Bilder der Slideshow zu klein sind (es entsteht ein hässlicher Abstand nach unten).
Ich habe etwas geforscht und bin auf folgendenden Lösungsansatz gestoßen:
theme.php Zeile 172:
Code:
<div class="uk-hidden-small">
<?php echo $this['widgets']->render('headerbar'); ?>
</div>
Jetzt wird die Headerbar zwar ausgeblendet aber leider schon viel zu früh.
Siehe: www.skoda-hamburg.de/
Gibt es da ne andere Möglichkeit?
Hab auch schon hidden-medium und hidden@s probiert - ohne Erfolg.
Danke!
Edit:
Evtl. gibt es ja auch die Möglichkeit den großen Abstand nach unten zu verringern, wenn die Slideshow verkleinert wird. Dann könnte sie auch bleiben...
Bin für jeden Tipp dankbar!
Last Edit:6 years 1 week ago
by sercosys
Last edit: 6 years 1 week ago by sercosys.
Please Log in or Create an account to join the conversation.
Replied by cg on topic hidden-small: Headerbar auf Smartphones ausblenden
Posted 6 years 1 week ago #22080
Hi,
hast du schon die Möglichkeit über das WARP-Framework versucht? (vgl. angehängtes Bild ganz rechts)
Die theme.php zu ändern scheint mir keine gute Idee zu sein, da dann deine Änderung beim nächsten Update futsch ist.
Möchtest du den (vgl. angehängtes Bild) dargestellten Abstand verkleinern?
Für mich sieht die Seite auch auf dem Handy super aus.
hast du schon die Möglichkeit über das WARP-Framework versucht? (vgl. angehängtes Bild ganz rechts)
Die theme.php zu ändern scheint mir keine gute Idee zu sein, da dann deine Änderung beim nächsten Update futsch ist.
Möchtest du den (vgl. angehängtes Bild) dargestellten Abstand verkleinern?
Für mich sieht die Seite auch auf dem Handy super aus.
Code:
.uk-panel.uk-panel-box.uk-scrollspy-inview.uk-animation-slide-top {
padding-bottom: 0;
}
Last Edit:6 years 1 week ago
by cg
Attachments:
Last edit: 6 years 1 week ago by cg.
Please Log in or Create an account to join the conversation.
Replied by sercosys on topic hidden-small: Headerbar auf Smartphones ausblenden
Posted 6 years 1 week ago #22084
Danke!
Also an der theme.php etwas zu ändern ist kein Thema - die hab ich in meinen Style kopiert und bin somit sicher bei nem Update.
Ich hab jetzt die angesprochene Klasse auch mal entfernt. Somit haben wir jetzt den Urzustand.
Jetzt sieht man oben die Slideshow (ist aus dem Widgetkit). Wenn ich jetzt auf die Mobilansicht gehe, wird die Slideshow wunderbar verkleinert - allerdings entsteht ein immer größer werdender Abstand zu den 4 Modulen darunter (siehe Screenshot in der Anlage).
Sieht fast so aus, als ob da ne fixe Höhe definiert ist...
Wenn ich diesen Abstand in den Griff bekomme, auch gut.
Der andere Gedanke war eben, die Slideshow (headerbar) auf der "Small-Ansicht" (< 480px) ganz auszublenden. Aber auch das klappt mit meinem Ansatz (wie oben beschrieben) nicht.
Über das Framework (Template -> Module) geht es leider auch nicht, da dort die Position "headerbar" nicht aufgeführt ist. Sonst hätte ich in der Tat (wie in Deinem Screenshot zu sehen) nur auf das Smartphone-Icon klicken müssen und gut...
Ich nehme die Lösung, die einfacher ist!
Also an der theme.php etwas zu ändern ist kein Thema - die hab ich in meinen Style kopiert und bin somit sicher bei nem Update.
Ich hab jetzt die angesprochene Klasse auch mal entfernt. Somit haben wir jetzt den Urzustand.
Jetzt sieht man oben die Slideshow (ist aus dem Widgetkit). Wenn ich jetzt auf die Mobilansicht gehe, wird die Slideshow wunderbar verkleinert - allerdings entsteht ein immer größer werdender Abstand zu den 4 Modulen darunter (siehe Screenshot in der Anlage).
Sieht fast so aus, als ob da ne fixe Höhe definiert ist...
Wenn ich diesen Abstand in den Griff bekomme, auch gut.
Der andere Gedanke war eben, die Slideshow (headerbar) auf der "Small-Ansicht" (< 480px) ganz auszublenden. Aber auch das klappt mit meinem Ansatz (wie oben beschrieben) nicht.
Über das Framework (Template -> Module) geht es leider auch nicht, da dort die Position "headerbar" nicht aufgeführt ist. Sonst hätte ich in der Tat (wie in Deinem Screenshot zu sehen) nur auf das Smartphone-Icon klicken müssen und gut...
Ich nehme die Lösung, die einfacher ist!
by sercosys
Attachments:
Please Log in or Create an account to join the conversation.
Replied by sercosys on topic hidden-small: Headerbar auf Smartphones ausblenden
Posted 6 years 1 week ago #22085
Nachtrag:
AAAAAAAAAAAAAAAH... ich habs... gerade als ich das geschrieben habe mit dem Zusatz "Widgetkit" ist mir eingefallen, dass es dort eine Mindesthöhe gibt. Und die stand in der Tat auf 300px! Das erklärt den Abstand.
Ich hab es jetzt mal auf 30px gestellt und zumindest bei mir sieht es jetzt gut aus.
Ich hoffe, dass das keine anderen Auswirkungen hat...
AAAAAAAAAAAAAAAH... ich habs... gerade als ich das geschrieben habe mit dem Zusatz "Widgetkit" ist mir eingefallen, dass es dort eine Mindesthöhe gibt. Und die stand in der Tat auf 300px! Das erklärt den Abstand.
Ich hab es jetzt mal auf 30px gestellt und zumindest bei mir sieht es jetzt gut aus.
Ich hoffe, dass das keine anderen Auswirkungen hat...
Last Edit:6 years 1 week ago
by sercosys
Last edit: 6 years 1 week ago by sercosys.
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 [SOLVED] hidden-small: Headerbar auf Smartphones ausblenden
Posted 6 years 1 week ago #22086
Problem solved.
Dokumentation:
www.joomlaplates.de/dokumentation.html
www.joomlaplates.de/dokumentation.html
by joomlaplates
Please Log in or Create an account to join the conversation.
Moderators: joomlaplates