Verwendung: Responsive Layout anpassen Bilder

Tobias Sänger's Avatar

Tobias Sänger

01 Sep, 2020 08:07 PM

Produkt: Open Sauce Contao
Contao-Version: 3.5.40
Browser und Browserversionen: FF & Edge

Sehr geehrte Damen und Herren,
Bisher hat alles sehr gut mit OpenSauce geklappt.
Aktuell habe ich aber das Problem, das die Bilder auf kleinen Geräten nicht runter gerechnet werden.
Was muss ich da noch beachten?
Vielen Dank
Tobias Sänger

  1. Support Staff 1 Posted by RockSolid Theme... on 02 Sep, 2020 06:13 AM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Frage.

    In den Moduleinstellungen des Sliders auf der Startseite haben Sie eine Breite von 720 vorgegeben. Damit dieser Slider mit seinen Bildern auf mobilen Geräten schmaler dargestellt wird, stellen Sie die Breite des Sliders bitte auf 100% ein.

  2. 2 Posted by Tobias Sänger on 02 Sep, 2020 06:18 AM

    Tobias Sänger's Avatar

    Guten morgen,

    vielen Dank für die Hilfe.
    Haben Sie auch noch eine Idee, warum das Logo nicht von der Größe angepasst wird?

    Mit freundlichem Gruß
    Tobias Sänger

  3. Support Staff 3 Posted by RockSolid Theme... on 02 Sep, 2020 09:55 AM

    RockSolid Themes's Avatar

    Fügen Sie dafür bitte folgenden CSS-Code in die Datei files/opensauce/css/custom.css ein:

    @media (max-width: 732px) {
        .logo img {
            width: 100%;
            height: auto;
        }
    }
    
  4. 4 Posted by Tobias Sänger on 07 Sep, 2020 09:22 AM

    Tobias Sänger's Avatar

    Vielen herzlichen Dank, das hat super geklappt.

    Gibt es bei dem OpenSauce-Template auch die Möglichkeit in der Online-Version eine andere Navigations-Art auszuwählen?
    Die Untermenüs sind immer aufgeklappt und das Menü wirkt da sehr unübersichtlich.

    Vielen Dank.

    Mit freundlichem Gruß
    Tobias Sänger

  5. Support Staff 5 Posted by RockSolid Theme... on 07 Sep, 2020 11:46 AM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Frage.

    Was genau ist mit „in der Online-Version“ gemeint?

    Können Sie uns einen Screenshot des Problems senden?

  6. 6 Posted by Tobias Sänger on 07 Sep, 2020 11:55 AM

    Tobias Sänger's Avatar

    Sorry, die Online-Version sollte Mobile-Version heißen...

    Mit freundlichem Gruß
    Tobias Sänger

  7. Support Staff 7 Posted by RockSolid Theme... on 07 Sep, 2020 12:29 PM

    RockSolid Themes's Avatar

    Eine alternative Navigation für die mobile Ansicht des Open Sauce Themes gibt es nicht.

    Sie können jedoch ein anderes Theme mit einer Burger-Off-Canvas-Navigation verwenden wie z. B. Luxe, Tao oder Oneo.

  8. 8 Posted by Tobias Sänger on 07 Sep, 2020 02:14 PM

    Tobias Sänger's Avatar

    Muss beim Wechsel des templates noch mehr berücksichtigt werden? Gehen Daten verloren?

    Vielen Dank

    Mit freundlichen Grüßen
    Tobias Sänger

  9. Support Staff 9 Posted by RockSolid Theme... on 08 Sep, 2020 10:40 AM

    RockSolid Themes's Avatar

    Grundsätzlich ist ein Tausch des Themes mit bestehenden Inhalten möglich. Wenn Sie in den Artikeln jedoch auch Custom-Elements eingesetzt haben, müssen diese gegen Elemente aus dem neuen Theme getauscht werden.

  10. 10 Posted by Tobias Sänger on 08 Sep, 2020 10:48 AM

    Tobias Sänger's Avatar

    Vielen Dank,
    wie würde so ein Template-Tausch gemacht werden? Was muss ich tun? Gibt es eine Anleitung dazu?

    Mit freundlichem Gruß
    Tobias Sänger

  11. Support Staff 11 Posted by RockSolid Theme... on 08 Sep, 2020 02:07 PM

    RockSolid Themes's Avatar

    Das Theme kann wie in der Dokumentation beschrieben installiert werden (ohne Demo-Daten-Import).

    Danach können Sie in der Seitenstruktur in den Einstellungen der gewünschten Seiten das Layout auf ein Layout des neuen Themes umstellen.

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac