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:
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.

  • cg
  • cg's Avatar Offline
  • Gold Boarder
  • Gold Boarder
  • Posts: 182
  • Thank you received: 53

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.
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! ;-)
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...
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.

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 © 2024 JoomlaPlates | Professional Joomla Templates with Uikit 3

Disclaimer & Privacy | License