Support » Themes » Anordnung für Desktop und mobile Ansicht

  • Hallo,

    ich habe auf meiner Seite (unter Verleih->Ton) mehrere Geräte aufgelistet.
    Zuerst hatte ich eine Zeile in 3 drittel unterteilt und in jedes drittel den Namen.
    Nächste Zeile gedrittelt mit Bildern, nächste Zeile Text usw.

    In der Desktopansicht sehr schön, es fängt immer alles auf der gleichen Höhe an, aber auf der mobilen Ansicht kommt dann 3x Überschrift, 3x Bild, 3x Text usw.

    Wenn ich alles (Überschrift, Bild, Text, usw) in eine Zeile mache, passt es für die mobile Ansicht, sieht aber auf dem Desktop kacke aus, weil alles eine andere Höhe hat.

    Bei den Mikrofonen ist der Unterschied zu sehen.

    Was kann ich hier tun?

    lg
    Tobi

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 15 Antworten - 1 bis 15 (von insgesamt 19)
  • Sei doch bitte erst einmal so nett und gib uns ein paar Informationen zu deiner Website. Das geht ganz einfach, wenn du unter Werkzeuge > Website-Zustand > Bericht den Button „Bericht in die Zwischenablage kopieren“ anklickst und die Zwischenablage dann hier in einer Antwort unverändert einfügst.

    Hallo,

    unter Werkzeuge finde ich: Verfügbare Werkzeuge, Daten importieren, exportieren, Netzwerk-Einrichtung und E-Mail Log.

    Sonst ist da nichts

    Hallo
    @pixolin: das Problem scheint eher kein technisches als ein gestalterisches Problem zu sein: Auf der genannten Seite http://the-party-crew.de/?page_id=42 unter „Mikrofone und Zubehör“ ist das Problem sichtbar.
    M. E. kann sas an sich mit einem Spaltenblock aus Gutenberg vernünftig gestaltet werden.
    @tobi35753ger: Besser wäre, wenn du hier noch Bilder einfügst, damit das Problem klar wird.
    Viele Grüße
    Hans-Gerd

    Ah, richtig. Du verwendest auch eine veraltete Version (4.6.16). Aktuell ist WordPress 5.2.4.

    Mach doch bitte erst ein Update, dann findest du auch den Eintrag.

    @tobi35753ger,

    unter Werkzeuge finde ich: Verfügbare Werkzeuge, Daten importieren, exportieren, Netzwerk-Einrichtung und E-Mail Log.

    schau mal unter Website-Zustand > Bericht, dann Button „Bericht in die Zwischenablage kopieren“
    Nachtrag:hmm – stimmt, Bego – hatte ich nicht gesehen.

    Wie kann ich hier Bilder einfügen? Habs grade gefunden 🙁

    Update läuft grade

    • Diese Antwort wurde geändert vor 7 Monaten, 1 Woche von tobi35753ger.

    @hage ich glaube nicht, dass da Gutenberg zum Einsatz kommt – aber das wollte ich ja gerade mit meiner Frage nach zusätzlichen Informationen in Erfahrung bringen.

    Ich vermute, dass Visual Composer/WP Bakery zum Einsatz kommt und dafür gibt es eine Lösung: https://kb.wpbakery.com/docs/wpbakery-page-builder-how-tos/how-to-set-columns-to-equal-height/ … aber das ist jetzt mehr Spekulation.

    @pixolin: tja, da hast Du recht. Die WP-Version ist zu alt.

    https://ibb.co/yN5x2yW Desktopansicht gut, mobil schlecht
    https://ibb.co/LnnwdqD Desktopansicht schlecht, mobil gut
    https://ibb.co/kJH86yP Desktopansicht gut, mobil schlecht
    https://ibb.co/NTGN3k4 Desktopansicht schlecht, mobil gut

    Ja, ist kein technisches Problem

    
    ### wp-core ###
    
    version: 5.2.4
    site_language: de_DE
    user_language: de_DE
    permalink: undefined
    https_status: false
    user_registration: 0
    default_comment_status: open
    multisite: false
    user_count: 1
    dotorg_communication: true
    
    ### wp-paths-sizes ###
    
    wordpress_path: /var/www/vhosts/the-party-crew.de/httpdocs
    wordpress_size: 173,54 MB (181974704 bytes)
    uploads_path: /var/www/vhosts/the-party-crew.de/httpdocs/wp-content/uploads
    uploads_size: 49,85 MB (52266567 bytes)
    themes_path: /var/www/vhosts/the-party-crew.de/httpdocs/wp-content/themes
    themes_size: 11,85 MB (12424435 bytes)
    plugins_path: /var/www/vhosts/the-party-crew.de/httpdocs/wp-content/plugins
    plugins_size: 43,30 MB (45400658 bytes)
    database_size: 360,66 MB (378175488 bytes)
    total_size: 639,19 MB (670241852 bytes)
    
    ### wp-dropins (1) ###
    
    maintenance.php: true
    
    ### wp-active-theme ###
    
    name: ColorMag
    version: 1.4.2
    author: ThemeGrill
    author_website: https://themegrill.com
    parent_theme: none
    theme_features: automatic-feed-links, post-thumbnails, menus, custom-background, title-tag, post-formats, html5, woocommerce, wc-product-gallery-zoom, wc-product-gallery-lightbox, wc-product-gallery-slider, custom-logo, customize-selective-refresh-widgets, align-wide, starter-content, custom-header, widgets
    theme_path: /var/www/vhosts/the-party-crew.de/httpdocs/wp-content/themes/colormag
    
    ### wp-themes (7) ###
    
    Juridica: version: 1.0.6, author: Themeisle
    Lawyeria Lite: version: 1.1.6, author: ThemeIsle
    Twenty Fifteen: version: 2.5, author: dem WordPress-Team
    Twenty Fourteen: version: 2.7, author: dem WordPress-Team
    Twenty Nineteen: version: 1.4, author: Das WordPress-Team
    Twenty Seventeen: version: 2.2, author: dem WordPress-Team
    Twenty Sixteen: version: 2.0, author: dem WordPress-Team
    
    ### wp-plugins-active (8) ###
    
    Hide Title: version: 1.0.8, author: Dojo Digital
    Master Slider: version: 3.5.3, author: averta
    PlanSo Forms: version: 2.6.2, author: PlanSo.de
    Postman SMTP: version: 1.7.2, author: Jason Hendriks
    POWr Hit Counter: version: 1.6.3, author: POWr.io
    Visitor Counter Plugin: version: 1.0, author: visitorcounterplugin.com
    WPBakery Visual Composer: version: 4.11.2.1, author: Michael M - WPBakery.com (latest version: 5.0.1)
    WP Maintenance Mode: version: 2.2.4, author: Designmodo
    
    ### wp-plugins-inactive (3) ###
    
    Akismet Anti-Spam: version: 4.1.2, author: Automattic
    Hello Dolly: version: 1.7.2, author: Matt Mullenweg
    Social Media Flying Icons | Floating Social Media Icon: version: 4.3.4, author: Acurax
    
    ### wp-media ###
    
    image_editor: WP_Image_Editor_Imagick
    imagick_module_version: 1673
    imagemagick_version: ImageMagick 6.8.9-9 Q16 x86_64 2019-06-15 http://www.imagemagick.org
    imagick_limits: 
    	imagick::RESOURCETYPE_AREA: 63 GB
    	imagick::RESOURCETYPE_DISK: -1
    	imagick::RESOURCETYPE_FILE: 6144
    	imagick::RESOURCETYPE_MAP: 63 GB
    	imagick::RESOURCETYPE_MEMORY: 31 GB
    	imagick::RESOURCETYPE_THREAD: 8
    gd_version: bundled (2.1.0 compatible)
    ghostscript_version: 9.26
    
    ### wp-server ###
    
    server_architecture: Linux 4.4.0-164-generic x86_64
    httpd_software: Apache
    php_version: 7.0.33 64bit
    php_sapi: cgi-fcgi
    max_input_variables: 1000
    time_limit: 30
    memory_limit: 256M
    max_input_time: 60
    upload_max_size: 8M
    php_post_max_size: 8M
    curl_version: 7.47.0 OpenSSL/1.0.2g
    suhosin: false
    imagick_availability: true
    
    ### wp-database ###
    
    extension: mysqli
    server_version: 5.7.27-0ubuntu0.16.04.1
    client_version: mysqlnd 5.0.12-dev - 20150407 - $Id: b5c5906d452ec590732a93b051f3827e02749b83 $
    
    ### wp-constants ###
    
    WP_HOME: undefined
    WP_SITEURL: undefined
    WP_CONTENT_DIR: /var/www/vhosts/the-party-crew.de/httpdocs/wp-content
    WP_PLUGIN_DIR: /var/www/vhosts/the-party-crew.de/httpdocs/wp-content/plugins
    WP_MAX_MEMORY_LIMIT: 256M
    WP_DEBUG: false
    WP_DEBUG_DISPLAY: true
    WP_DEBUG_LOG: false
    SCRIPT_DEBUG: false
    WP_CACHE: false
    CONCATENATE_SCRIPTS: undefined
    COMPRESS_SCRIPTS: undefined
    COMPRESS_CSS: undefined
    WP_LOCAL_DEV: undefined
    
    ### wp-filesystem ###
    
    wordpress: writable
    wp-content: writable
    uploads: writable
    plugins: writable
    themes: writable
    
    

    Schön, nun können wir ja gesichert davon ausgehen, dass WPBakery Visual Composer verwendet wird.

    Meinen Hinweis hast du gelesen? Falls nicht, hier nochmal:
    https://kb.wpbakery.com/docs/wpbakery-page-builder-how-tos/how-to-set-columns-to-equal-height/

    Wenn alles aktuell ist, und ich dein Anliegen richtig verstehe könntest du ja mal ein Plugin für den verwendeten WPBakery Page Builder in Betracht ziehen – z.B. LINK
    Das sollte ein Angebot „zusammenhalten“ und die einzelnen Blöcke wie Überschrift, Bild, Beschreibung und z.B. Preis zerteilen.

    Meinen Hinweis hast du gelesen? Falls nicht, hier nochmal:
    https://kb.wpbakery.com/docs/wpbakery-page-builder-how-tos/how-to-set-columns-to-equal-height/

    Habe ich grade probiert, aber bringt nicht ganz das, was ich will. Die Spalten haben nun alle die gleiche Höhe, aber die Trennleiste sitzt nicht immer am unteren Ende, sondern nach dem Textfeld, und die sind nicht in jeder Zeile gleich groß.

    Dann würde ich die Trennleiste nicht spaltenabhängig setzen?

    Ich fürchte, ich kann dir da kaum weiterhelfen, weil ich mich bewusst gegen Page Builder entschieden habe. Ich verwende lieber den neuen Block-Editor, das schont (im Vergleich zu anderen Lösungen) Nerven. 😉

    Vielleicht magst du dir auch mal Elementor anschauen. Auch ein Page Builder, dem aber magische Kräfte nachgesagt werden. 🙂 (Mir ist der eine Spur zu leistungsfähig.)

Ansicht von 15 Antworten - 1 bis 15 (von insgesamt 19)
  • Das Thema „Anordnung für Desktop und mobile Ansicht“ ist für neue Antworten geschlossen.