Anpassungen für responsive Design

  • Gelöst Jamee

    (@basetrailer)


    vor 1 Monat, 3 Wochen

    Hallo allerseits – ich gehöre in die Kategorie Einsteiger („Noob und null Plan“), und weiss zwar, was responsive Design ist, komme aber beim Try-and-error-Basteln an der Stelle nicht weiter. Die Desktopansicht ist okay – in der Tablett-Vorschau oder Mobil-Vorschau werden aber einige Teile nicht passend angezeigt, und ich finde den Dreh nicht, das anzupassen. Und weiss nicht einmal, nach was ich hier genau fragen muss 🙂 Sorry! Würde mich über Hinweise jeder Art freuen, Tutorials, vorhandene Foreneinträge, was weiss ich. Den kleinen Finger als Schlüssel für den Glasberg.

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

Ansicht von 6 Antworten – 1 bis 6 (von insgesamt 6)
  • Moderator Hans-Gerd Gerhards

    (@hage)

    vor 1 Monat, 3 Wochen

    Hallo,
    sorry, aber wie sollen wir die Frage ohne irgendwelche Infos zur Website beantworten?

    Du müsstest zumindest das Theme nennen, das du verwendest. Aber auch dann werden wir dir wohl kaum helfen können.
    Am besten wäre eine URL, denn selbst Screenshots reichen in der Regel für eine Analyse nicht aus.

    Viele Grüße
    Hans-Gerd

    Moderator La Geek

    (@la-geek)

    vor 1 Monat, 3 Wochen

    Bitte lies dir den oben angehefteten und gelb hinterlegten Beitrag Bevor du ein neues Thema (Thread) erstellst durch und poste die darin erwähnten, benötigten Informationen:
     

    Thread-Starter Jamee

    (@basetrailer)

    vor 1 Monat, 3 Wochen

    Es tut mir echt leid euch zu stören mit so rudimentären Dingen, es klang so freundlich die Einladung nach Hilfe im Forum und alles so easy 🙂 vermutlich ist es das auch und ich bin einfach lost in eurer High-Kontext-Sprache – also hoffentlich jetzt das richtige beigefügt…

    https://basetrailerbasep-36e4ijwnin.live-website.com/

    ` wp-core

    version: 6.8.2
    site_language: de_DE
    user_language: de_DE
    timezone: +00:00
    permalink: /%postname%/
    https_status: true
    multisite: false
    user_registration: 0
    blog_public: 1
    default_comment_status: open
    environment_type: production
    user_count: 1
    dotorg_communication: true wp-paths-sizes

    wordpress_path: /home/www/public
    wordpress_size: 63,52 MB (66609216 bytes)
    uploads_path: /home/www/public/wp-content/uploads
    uploads_size: 69,90 MB (73299252 bytes)
    themes_path: /home/www/public/wp-content/themes
    themes_size: 74,95 MB (78590090 bytes)
    plugins_path: /home/www/public/wp-content/plugins
    plugins_size: 41,40 MB (43406499 bytes)
    fonts_path: /home/www/public/wp-content/uploads/fonts
    fonts_size: 236,86 kB (242548 bytes)
    database_size: 5,95 MB (6242304 bytes)
    total_size: 255,96 MB (268389909 bytes) wp-active-theme

    name: Patterns Lawyer (patterns-lawyer)
    version: 1.0.1
    author: patternswp
    author_website: https://patternswp.com/
    parent_theme: none
    theme_features: core-block-patterns, post-thumbnails, responsive-embeds, editor-styles, html5, automatic-feed-links, widgets-block-editor, block-templates, editor-style
    theme_path: /home/www/public/wp-content/themes/patterns-lawyer
    auto_update: Aktiviert wp-themes-inactive (13)

    Awardify: version: 1.6, author: superbaddons, Automatische Aktualisierungen aktiviert
    Bizora: version: 1.0.2, author: Trendthemeswp, Automatische Aktualisierungen aktiviert
    Breevia: version: 1.0.6, author: Extend Themes, Automatische Aktualisierungen aktiviert
    Cube Slide: version: 1.0, author: Kantipur Themes, Automatische Aktualisierungen aktiviert
    Extendable: version: 2.0.29, author: Extendify, Automatische Aktualisierungen aktiviert
    Faith and Religion: version: 1.1, author: superbthemescom, Automatische Aktualisierungen aktiviert
    Modern Fashion Store: version: 1.2, author: ThemesPride, Automatische Aktualisierungen aktiviert
    MonoFrame: version: 1.0.5, author: Bueno Consulting, Automatische Aktualisierungen aktiviert
    Palette Gallery: version: 1.0, author: superbthemescom, Automatische Aktualisierungen aktiviert
    Ratna: version: 1.0.1, author: wpkoithemes, Automatische Aktualisierungen aktiviert
    T Shirt Printing Shop: version: 1.0.3, author: WP Radiant, Automatische Aktualisierungen aktiviert
    Twenty Twenty-Five: version: 1.3, author: Das WordPress-Team, Automatische Aktualisierungen aktiviert
    Venture Grove: version: 1.1, author: Themegrove, Automatische Aktualisierungen aktiviert wp-mu-plugins (1)

    WordPress automation by Installatron: author: (undefined), version: (undefined) wp-plugins-active (6)

    All in One SEO: version: 4.8.8, author: All in One SEO Team, Automatische Aktualisierungen aktiviert
    Contact Form 7: version: 6.1.2, author: Rock Lobster Inc., Automatische Aktualisierungen aktiviert
    Essentials: version: 1.3.1, author: IONOS Group, Automatische Aktualisierungen aktiviert
    Extendify WordPress Onboarding and AI Assistant: version: 2.1.1, author: Extendify, Automatische Aktualisierungen aktiviert
    Marketplace: version: 2.3.0, author: IONOS Group, Automatische Aktualisierungen aktiviert
    Site Assistant: author: (undefined), version: 1.0.0, Automatische Aktualisierungen aktiviert wp-media

    image_editor: WP_Image_Editor_Imagick
    imagick_module_version: 1691
    imagemagick_version: ImageMagick 6.9.11-60 Q16 x86_64 2021-01-25 https://imagemagick.org
    imagick_version: 3.8.0
    file_uploads: 1
    post_max_size: 1024M
    upload_max_filesize: 128M
    max_effective_size: 128 MB
    max_file_uploads: 20
    imagick_limits:
    imagick::RESOURCETYPE_AREA: 244 MB
    imagick::RESOURCETYPE_DISK: 1073741824
    imagick::RESOURCETYPE_FILE: 768
    imagick::RESOURCETYPE_MAP: 2 GB
    imagick::RESOURCETYPE_MEMORY: 1 GB
    imagick::RESOURCETYPE_THREAD: 1
    imagick::RESOURCETYPE_TIME: 60
    imagemagick_file_formats: AI, BMP, BMP2, BMP3, EPDF, EPI, EPS, EPSF, EPSI, GIF, GIF87, GROUP4, INFO, JNG, JPE, JPEG, JPG, JPS, JSON, MNG, MPC, PAM, PBM, PDF, PDFA, PFM, PGM, PJPEG, PNG, PNG00, PNG24, PNG32, PNG48, PNG64, PNG8, PNM, POCKETMOD, PPM, PS, PTIF, TIFF, TIFF64, WEBP
    gd_version: 2.3.3
    gd_formats: GIF, JPEG, PNG, WebP, BMP, AVIF, XPM
    ghostscript_version: 10.00.0 wp-server

    server_architecture: Linux 6.14.11-i3-es x86_64
    httpd_software: Apache
    php_version: 8.1.33 64bit
    php_sapi: cgi-fcgi
    max_input_variables: 4000
    time_limit: 360
    memory_limit: 512M
    max_input_time: 60
    upload_max_filesize: 128M
    php_post_max_size: 1024M
    curl_version: 7.88.1 OpenSSL/3.0.17
    suhosin: false
    imagick_availability: true
    pretty_permalinks: true
    htaccess_extra_rules: true
    static_robotstxt_file: false
    current: 2025-10-12T15:17:55+00:00
    utc-time: Sunday, 12-Oct-25 15:17:55 UTC
    server-time: 2025-10-12T15:17:54+00:00 wp-database

    extension: mysqli
    server_version: 10.11.13-MariaDB-log
    client_version: mysqlnd 8.1.33
    max_allowed_packet: 67108864
    max_connections: 3000 wp-constants

    WP_HOME: undefined
    WP_SITEURL: undefined
    WP_CONTENT_DIR: /home/www/public/wp-content
    WP_PLUGIN_DIR: /home/www/public/wp-content/plugins
    WP_MEMORY_LIMIT: 40M
    WP_MAX_MEMORY_LIMIT: 512M
    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_ENVIRONMENT_TYPE: undefined
    WP_DEVELOPMENT_MODE: undefined
    DB_CHARSET: utf8
    DB_COLLATE: undefined wp-filesystem

    wordpress: writable
    wp-content: writable
    uploads: writable
    plugins: writable
    themes: writable
    fonts: writable
    mu-plugins: writable aioseo (1)

    noindexed: Suchseite

    Danke

    Moderator Hans-Gerd Gerhards

    (@hage)

    vor 1 Monat, 3 Wochen

    Hallo,

    Es tut mir echt leid euch zu stören mit so rudimentären Dingen, es klang so freundlich die Einladung nach Hilfe im Forum und alles so easy

    Alles gut 😊
    Wir versuchen zwar zu helfen, müssen aber eben erst ein paar Dinge als Info bekommen, damit wir das einigermaßen nachvollziehen können. 😉

    Zur Frage: du verwendest das Theme https://wordpress.org/themes/patterns-lawyer/
    Das Theme ist ein Block Theme und ich sehe, dass das Menü (Navigation) bei schmaleren Geräten (Tablet, Smartphone) nicht gezeigt wird.
    Bei einem Block Theme muss man den Header mit der Navigation für die einzelnen Templates erstellen. In deinem Fall betrifft das zunächst nur das Template „Seiten“.

    Bei der Erstellung der Navigation scheinst du wohl einen Fehler gemacht zu haben. Was das genau sein könnte, können wir leider nicht feststellen. Evtl. ist aber die folgende Beitrag von mir hilfreich, in dem ich einige Dinge zur Navigation erkläre.

    Evtl. würde in deinem Fall zur besseren Analyse auch ein Screenshot hilfreich sein, falls du nicht weiterkommst: https://de.wordpress.org/support/topic/wie-kann-man-bilder-in-einen-forenbeitrag-einfuegen/

    Viele Grüße
    Hans-Gerd

    Moderator La Geek

    (@la-geek)

    vor 1 Monat, 3 Wochen

    Hilfe im Forum und alles so easy 🙂 vermutlich ist es das auch und ich bin einfach lost in eurer High-Kontext-Sprache – also hoffentlich jetzt das richtige beigefügt…

    Wie Hans-Gerd bereits schrieb: Wir helfen gerne, benötigen aber Informationen, da wir nicht hellsehen können. Wir sehen nicht, was du auf deinem Monitor siehst, wir wissen nicht, was installiert usw.

    Was war denn unverständlich bzw. „High-Kontext-Sprache“? Wir würden uns gerne für alle verständlich ausdrücken, nur müssten wir auch hier wissen, wo wir nachbessern können, damit die Foren-Regeln von jedem verstanden werden, also: Immer her mit Änderungsvorschlägen!

    Zu deiner Website: Zuerst solltest du alle inaktiven Themes deinstallieren, das ist unnötiger Ballast. Screenshots über die Problemstellen wären hilfreich (schrieb @hage ja auch bereits). Ich sehe z. B., dass der Text teilsweise abgeschnitten wird, hier müsstest du für Tablet und Smartphone kleinere Schriftgrößen wählen. Ob dies über das Theme möglich ist, weiß ich nicht. Auf der Website des Themes (https://patternswp.com/full-site-editing-fse-themes/patterns-lawyer/) steht allerdings:

    Pre-designed, mobile-friendly templates ensure stunning visual appeal across all devices and screen sizes.

    Heißt: Wenn du die vordefinierten Templates nutzt, sollte die responive Darstellung unproblematisch sein.

    Moderator Support Moderator

    (@moderator)

    vor 1 Monat, 1 Woche

    Da seit einiger Zeit keine Rückmeldung mehr vom TE kam, wird der Thread aus administrativen Gründen auf gelöst gesetzt, damit die ungelösten Threads, in denen noch Hilfe benötigt wird, leichter auffindbar sind.

    Der Status „gelöst“ kann vom TE jederzeit geändert und der Thread kann mit Nachfragen oder einem Feedback ergänzt werden.

    Lösung gefunden? In einem User-helfen-User-Forum wie diesem hier ist das Posten der Lösung für andere User immer hilfreich, danke.

Ansicht von 6 Antworten – 1 bis 6 (von insgesamt 6)

Du musst angemeldet sein, um auf dieses Thema zu antworten.