Verwendung: Circle Text Header in Mobileversion verschoben

Michi Löffler's Avatar

Michi Löffler

06 Jan, 2020 09:15 AM

Produkt: Oneo Contao
Contao-Version: 3.5.20
Browser und Browserversionen: Mobile Safari

Hallo zusammen
Happy New Year und Danke vielmals für den immer wieder guten Support.
Ich habe eine Frage zu meinem Circle Text im Rocksolid Slider. In der Mobileversion (Hochformat) sieht es so aus, als ob es nicht eingemittet ist. Es hat an der linken Seite einen kleinen "Space". Wie kann ich das einmitten ? Ich nehme an es ist mit CSS machbar, aber ich habe den richtigen "Ort" noch nicht gefunden, welchen ich anpassen muss.

Vielen Dank für eure Hilfe und Grüsse
Michi

  1. Support Staff 1 Posted by RockSolid Theme... on 06 Jan, 2020 02:46 PM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Nachricht.

    Ihre Frage betrifft eine individuelle Anpassung. In unseren Support-Richtlinien weisen wir darauf hin, dass wir leider keine Hilfe bei Umbauten leisten können. Dennoch versuchen wir Ihnen, in diesem Fall, im Rahmen unserer Möglichkeiten weiterzuhelfen:

    Das Element wird in kleinen Viewports zu groß weshalb es nach rechts rausgeschoben wird. Mit folgendem CSS-Code sollte sich das Problem beheben lassen:

    @media (max-width: 425px) {
        .circle-text {
            margin-left: calc(50vw - 210px);
        }
    }
    

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