End of Support for Joomla 3 - Forum closed

Template Medical Headerbar Probleme

  • grawesu
  • grawesu's Avatar Offline Topic Author
  • Junior Boarder
  • Junior Boarder
  • Posts: 35
  • Thank you received: 1

Template Medical Headerbar Probleme was created by grawesu

Posted 6 years 10 months ago #17726
Hallo liebes Forum,

weil in der Kategorie des Templates Medical keiner geantwortet hat, habe ich den Post auf gelöst gesetzt und poste hier im deutschen Bereich nochmal, in der Hoffnung, das mir geholfen werden kann.

Denn mal wieder benötige ich eine kleine Hilfe für folgende 2 Probleme:
1. Ich habe die Slideshow von RokSprocket mit Simple Content auf Position Headerbar im Einsatz. Im Desktop-Modus wird alles schön angezeigt, also Text und Bild. Aber auf Smartphone und Pads werden nur die Bilder und kein Text angezeigt. Dies möchte ich ändern, weiß aber nicht wie.
2. Die Slideshow ist von der Höhe her so angelegt, dass sie bei einem 19Zoll Bildschirm den sichtbaren Bereich komplett ausfüllt. Jedoch wird sie bei Tablets und Smartphones proprtional so verkleinert, dass sie nicht mehr den sichtbaren Bereich komplett ausfüllt. Dies möchte ich gerne ändern. Ich weiß, dass dann rechts und links vom Bild abgeschnitten wird, aber das ist mir egal. Ich möchte bei Aufruf der Seite den kompletten Bereich mit dem Bild ausgefüllt haben.
Ich hoffe, dass ich mich verständlich ausgedrückt habe.

Vielen lieben Dank im Voraus.

lg grawesu
by grawesu

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

Replied by joomlaplates on topic Template Medical Headerbar Probleme

Posted 6 years 10 months ago #17727
Hallo,
1.) Die Texte der Slideshow werden für mobile Geräte bzw ab einer Größe von 768px ausgeblendet, weil die Texte meist nicht mehr ins Bild passen, da dass Bild proportional verkleiner wird
2.) Das Bild wird immer proportional verkleiner und auch vergrößert und ist der mobilen Ansicht geschuldet, demnach funktioniert ihr Vorhaben nicht das Bild bei der mobilen Ansicht die Höhe zu ändern,denn dann wird das Bild falsch skalliert!

PS: Sie könnten jedoch den die Headerbar in dem das Bild liegt auf eine max Höhe bei mobilen Geräten reduzieren.
Fügen sie mal folgenden Code in ihre css/custom.css ein

@media (max-width:768px) {
.headerbar {
max-height: 600px;
overflow:hidden;
}
.sprocket-features-content {
width: 100%;
display:block !important;
}
}

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

  • grawesu
  • grawesu's Avatar Offline Topic Author
  • Junior Boarder
  • Junior Boarder
  • Posts: 35
  • Thank you received: 1

Replied by grawesu on topic Template Medical Headerbar Probleme

Posted 6 years 10 months ago #17728
Hallo,
also ich habe Code in die custom.css eingefügt. Der Text wird jetzt angezeigt, jedoch hat der Header immer noch die Größe des skalierten Bildes und der Text läuft hinter dem nächsten Block, also er verschwindet dahinter.
Kann man denn die Skalierung der Bilder bei der Slideshow abschalten oder bzw. nicht auf Breite skalieren sondern auf Höhe? Dann müsste es doch möglich sein.
Beispiel ist auf der Arbeitsdomain live: thescarf.de zu sehen.

Lg grawesu
by grawesu

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

Replied by joomlaplates on topic Template Medical Headerbar Probleme

Posted 6 years 10 months ago #17739
Hallo, dass sieht doch alles gut aus.
Bitte machen sie nicht den Fehler, ihren Monitor als Referenz anzunehmen!
Wenn sie die Slideshow auf der Position top-a publizieren, dann ist es auch nicht so breit.

Aber nur nach der Höhe skallieren geht nicht, da sonst das Bild verzerrt.
Sie können jedoch ihre Bild Proportionen ändern > 16:9 oder 16:10 ect pp

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