Weitere Informationen und den Download findest du auf der offiziellen Anlaufstelle de.wordpress.org
Ergebnis 1 bis 9 von 9
  1. #1
    PostRank: 0
    Registriert seit
    28.07.2017
    Beiträge
    5

    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.


  2. #2
    PostRank: 10 Avatar von b3317133
    Registriert seit
    21.11.2014
    Beiträge
    1.747
    Zitat Zitat von Melina19 Beitrag anzeigen
    ... 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 */
        }
    }
    Zitat Zitat von Melina19 Beitrag anzeigen
    Ich habe auch schon ein Pluginausprobiert, Wptouch
    Dein Theme ist schon responsive, daher brauchst Du kein solches Plugin.
    Geändert von b3317133 (03.08.2017 um 15:10 Uhr) Grund: Beispiel

  3. #3
    PostRank: 0
    Registriert seit
    28.07.2017
    Beiträge
    5
    Ah okay super. Der Code hat schon mal super geholfen.
    Geändert von Melina19 (03.08.2017 um 15:24 Uhr)

  4. #4
    PostRank: 0
    Registriert seit
    28.07.2017
    Beiträge
    5
    Mit dem Header habe ich immer noch das Größen Problem, über Hilfe würde ich mich echt freuen.

  5. #5
    PostRank: 3 Avatar von claudiaE
    Registriert seit
    17.05.2014
    Ort
    Lanzarote
    Beiträge
    101
    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.

  6. #6
    PostRank: 0
    Registriert seit
    28.07.2017
    Beiträge
    5
    @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.

  7. #7
    PostRank: 3
    Registriert seit
    13.06.2017
    Ort
    Im hohen Norden
    Beiträge
    103
    Da es sich bei deinem Header um ein Bild handelt,
    <img src="http://bendixen-haustechnik.de/wp-content/uploads/cropped-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.

  8. #8
    PostRank: 0
    Registriert seit
    28.07.2017
    Beiträge
    5
    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.

  9. #9
    PostRank: 3
    Registriert seit
    03.02.2016
    Beiträge
    146
    Ggf hilft das mal als Erklärung - MediaQuerys
    nothing is so easy as it looks

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •