Darkorange Theme auf mobile

    Guten Tag zusammen,

    Ich benötige ich mal eure Hilfe.

    Ich benutze das DarkOrange Theme.

    Wenn ich die Seite auf dem stationären Rechner oder Laptop aufrufe, sieht alles gut, groß und zentriert aus.
    Auf dem Handy oder Tablet allerdings habe ich oben mein Header- Bild, dann das "Menü+" darunter die Scrift Startseite und darunter die 6 Bilder jedch nicht zentriert sondern total verschoben

    Wie bekomme ich es hin, dass die Seite vom Handy / Tablet aus betrachtet die Seite in den gleichen Proportionen darstellt wie auf dem PC.

    Ich habe bereits mehrere Tools installiert und getestet, ohne Erfolg.

    Ich nehme an im Themecode gibt es einige Werte die ich lediglich auf 0 setzen muss?


    Im voraus vielen Dank!

    M@nu

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    sollte über CSS mit [plain]@Media[/plain] queries gut anpassbar sein.

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

    Da du uns dein Theme noch nicht verraten hast (siehe hier Punkt II) ,
    Grundsätzlich in etwa so - LINK!

    Ich sehe soeben, das hatten wir doch schon -

    Zitat von SEpp55

    Da deine eher mäßigen Angaben für genauere Hilfestellung nicht ausreichen, auch eine allgemeine Aussage von mir. - LINK hier II
    Was für dich cool aussieht ist für andere vielleicht ein no-go, wer weiß das genau ;)
    Sir Ector hat die einen Link eingebunden und ich nehmen an, du hast das nicht gelesen!
    Ich habe auch einen Link, der als erstes Beispiel einen site-header bei weniger als 800px ausblendet.
    Schau dir mal die style.css deines Themes z.B. mit Notepad++ an und suche nach "@media" - das sind die Media Queries!

    Sorry - Theme ist ja da, aber bei meinem Testsystem ist beim o.g. Theme nichts "total verschoben!
    Also bitte einen Link zum ansehen ;)

    nothing is as easy as it looks. --- Wenns gefällt - gibts dafür einen Button ;)
    Manchmal komme ich mir wie eine Suchmaschine vor ....:rolleyes:

    3 Mal editiert, zuletzt von SEpp55 (22. November 2018 um 08:36)

    Hier ein bild vom DarkOrange bei mir -

    nothing is as easy as it looks. --- Wenns gefällt - gibts dafür einen Button ;)
    Manchmal komme ich mir wie eine Suchmaschine vor ....:rolleyes:

    Zitat von SEpp55

    Da du uns dein Theme noch nicht verraten hast (siehe hier Punkt II) ,
    Grundsätzlich in etwa so - LINK!

    Ich sehe soeben, das hatten wir doch schon -


    Sorry - Theme ist ja da, aber bei meinem Testsystem ist beim o.g. Theme nichts "total verschoben!
    Also bitte einen Link zum ansehen ;)

    Hallo.
    Gern hier 2 Screens.

    Einer heisst schlecht und ist die verschobene Form, einer heißt gut und ist die Sicht im Fullscreen.

    Also ja, hatten wir schon aber: Antworten die sich an den Fragenden richten und weder ein Halo noch ein ciao beinhalten und so formuliert sind das ich Informatik studiert haben muss um die Antwort zu begreifen helfen mir eben nicht

    Ich brauche ein e ganz einfach veständliche antwort wie: äder diesen Wert von X zu Y amit sic die Set auchbeim minimieren oder auf mobile nicht verzerrt

    Lege alle Bilder mit der selben Größe an, dann musst du vermutlich nichts ändern. Problem ist beim jetzigen CSS, dass nur mit float gearbeitet wurde die unterschiedlichen Höhen stören.

    Ansonsten bitte einen Link, wie bereits geschrieben. Anhand von Bildern kann man nicht effektiv helfen.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

    Grausam .... sorry. Du hast mit haufenweise   gearbeitet? Und dann hast du Bild und Unterschrift nicht in einen Block geschrieben, sondern getrennt? So kann das nicht funktionieren. Bau dir 3 Div-Container (per Shortcode oder Plugin, z. B. Shortcodes Ultimate -> Row + Columns) und setze das damit um.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

    Also, beginne ich mit einen freundlichem Hallo! ;-)

    Die Seite ist offensichtlich durch aneinander Reihen von Bildern und Abständen entstanden. Die Abstände zwischen den Elementen sind Leerzeichen bzw. Leerzeilen <p>-Tags und wenn nun die Anzeigebreite unter die magische Grenze deines Aufbaues kommt verschieben sich die Leerzeichen und leeren <p> Tags nach unten und erzeugen damit die optische Unordnung. Von den Tags sind alle wie angeordnet vorhanden, nur eben verschoben.
    Für deine Startseite würde sich meiner Meinung nach ein Gitter- oder Grid-Layout eignen. Tabellen sind bedingt auch geeignet, wenn auf die Responsivität geachtet wird.

    nothing is as easy as it looks. --- Wenns gefällt - gibts dafür einen Button ;)
    Manchmal komme ich mir wie eine Suchmaschine vor ....:rolleyes:

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden