Größen Probleme

  • Hallo erstmals,;)


    Ich hab da ein Problem. Ich habe eineWebseite mit dem Theme Colormag gestaltet. Nachdem dort fast alles soist wie ich es haben will, habe ich mich an die mobile Versiongemacht. Ich habe mich im Internet jetzt schon durch gesucht undnichts passendes gefunden. Deswegen bin ich jetzt hier. Und zwar habeich das Problem das der Header zu klein ist und somit kaum lesbarist. Ein css code würde mir echt weiter helfen.


    Außerdem ist die Schrift sehr groß,wie würde man das einstellen ohne das sich alles in der ComputerVersion ändert?
    Ich hab jetzt schon alles möglicheausprobiert.


    Ich habe auch schon ein Pluginausprobiert, Wptouch, allerdings kann ich da auch nicht groß wasändern.


    Hier einmal den Link zur Seite:http://bendixen-haustechnik.de/


    Bei der mobilen Version kann man sowohldie Pluginversion als auch die Computer Version sehen. (Kann manunten ändern.)


    Über Hilfe würde ich mich wirklichfreuen. :D

    • 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

  • ... das der Header zu klein ist ... Außerdem ist die Schrift sehr groß,wie würde man das einstellen ohne das sich alles in der ComputerVersion ändert?


    Über entspr. Styles mit sog. CSS Media Queries am Ende von Design -> Customizer -> Zusätzliches CSS

    Ein Beispiel für die Überschriften, wenn der Bildschirm nur 480 Pixel breit oder kleiner ist:

    Code
    @media screen and (max-width: 480px) {
        h2 {
            font-size: 24px; /* statt 38px */
        }
        h3 {
            font-size: 20px; /* statt 34px */
        }
    }

    Ich habe auch schon ein Pluginausprobiert, Wptouch

    Dein Theme ist schon responsive, daher brauchst Du kein solches Plugin.

    Einmal editiert, zuletzt von b3317133 (3. August 2017 um 16:10)

  • Die Schriftgröße im Header finde ich jetzt nicht störend. Mir fehlt in der Menüleiste der Kontakt-Button. Du hast Deine Kontaktmöglichkeit irgendwo im "Kleingedruckten" untergebracht; halte ich für weniger gut.

  • claudiaE

    Das ist nicht mein Problem. Außerdem steht die Telefonnummer groß auf der Startseite. Der Kontaktbutton ist auch nicht allzu schwer zu finden.

    Ich habe immer noch das gleich Problem, wie bekomme ich den gesamten Header größer?
    Über Hilfe würde ich mich sehr freuen.

  • Da es sich bei deinem Header um ein Bild handelt,
    <img src="http://bendixen-haustechnik.de/wp-content/upl…Lg777777777.jpg" class="header-image" alt="Bendixen Haustechnik" width="1500" height="261">
    wird das ohne Einbußen nicht gehen, denn jeder Versuch dieses Bild in irgendeiner Position 'einzufrieren', damit der Header größer bleibt, führt dazu, dass das Bild verzerrt oder andere ungewollte Nebeneffekte entstehen.
    Die einfachste Lösung wäre vielleicht ein zweites Header-Bild, in dem du einfach einen großen Teil des (blauen) rechten Bildrand abschneidest und mehr oder weniger nur die Beschriftung übrig bleibt.
    Dann könntest du, ab einer von dir festzulegenden Bildschirmbreite, diese beiden Bilder mittels Mediaquery einfach austauschen.
    Ist zwar möglicherweise nicht die eleganteste Lösung, aber erfüllt vielleicht ihren Zweck.

  • Schon mal vielen Dank für die Antwort.
    Mit dem Wort Mediaquery kann ich allerdings nicht so viel anfangen, im Internet konnte ich leider keine für mich verständliche Erklärung finden.
    Über eine kurze Erklärung würde ich mich sehr freuen.

  • Moin aus HB.
    Ich habe auch ein Grössenproblem und hab weitgehend alles probiert , bekomme es aber nicht in den Griff.

    Meine Seite ist http://w%c3%bcrstchens-turbokawa810.de/
    Thema ist twenty seventeen

    warum ist das Foto der Startseite in der mobilen Ansicht so groß das man nur die Mitte des gesamten Fotos sieht ? Ich würde es gerne genauso wie auf der Desktopansicht haben .
    Ich nutze das plugin WP Responsive
    WP Version ist 4.9.1

    Vielleicht habt ihr einen Tip
    Danke Horst

Jetzt mitmachen!

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