• Gelöst niklasbernauer

    (@niklasbernauer)


    Hallo zusammen,

    ich helfe aktuell meiner Mutter dabei, ihre Website bzw. ihren Blog aufzubauen
    und dabei haben wir heute ein Problem auf dem Smartphone bemerkt:

    Man kann die Seite mit dem Finger leicht nach links schieben, und dann erscheint auf der rechten Seite ein schmaler, farblich abgesetzter Balken.

    • Der Effekt betrifft die gesamte Website (Startseite, normale Seiten, Header/Footer).
    • Auch im Blog tritt es auf, dort ist der Balken rechts sogar etwas breiter als auf den restlichen Seiten.
    • Außerdem haben wir es mit zwei Smartphones getestet und es tritt auf beiden auf.

    Was wir schon ausprobiert haben:

    • Cache geleert und Elementor CSS neu generiert → Problem bleibt.
    • In Elementor alle Abstände überprüft → Problem bleibt.

    Meine Mutter nutzt für ihre Website das Theme OceanWP und den Page Builder Elementor Free
    und hat auch per Elementor ihren Header, Footer und die Blogartikel erstellt.

    Warum lässt sich die Seite mobil nach links verschieben und zeigt rechts einen farbigen Rand?
    Und wie können wir das verhindern?

    Vielen Dank vorab!

    PS: Hier kommt noch der Website-Zustandsbericht:

    ### wp-core ###

    version: 6.8.2

    site_language: de_DE

    user_language: de_DE

    timezone: Europe/Berlin

    permalink: /%postname%/

    https_status: true

    multisite: false

    user_registration: 0

    blog_public: 1

    default_comment_status: undefined

    environment_type: production

    user_count: 1

    dotorg_communication: true

    ### wp-paths-sizes ###

    wordpress_path: /www/htdocs/w01f5bda/kinder-liebe.com

    wordpress_size: 67,08 MB (70338479 bytes)

    uploads_path: /www/htdocs/w01f5bda/kinder-liebe.com/wp-content/uploads

    uploads_size: 177,81 MB (186442912 bytes)

    themes_path: /www/htdocs/w01f5bda/kinder-liebe.com/wp-content/themes

    themes_size: 16,27 MB (17059059 bytes)

    plugins_path: /www/htdocs/w01f5bda/kinder-liebe.com/wp-content/plugins

    plugins_size: 241,52 MB (253250341 bytes)

    fonts_path: /www/htdocs/w01f5bda/kinder-liebe.com/wp-content/uploads/fonts

    fonts_size: directory not found

    database_size: 30,42 MB (31899648 bytes)

    total_size: 533,09 MB (558990439 bytes)

    ### wp-dropins (1) ###

    advanced-cache.php: true

    ### wp-active-theme ###

    name: OceanWP (oceanwp)

    version: 4.1.3

    author: OceanWP

    author_website: https://oceanwp.org/about-oceanwp/

    parent_theme: none

    theme_features: core-block-patterns, widgets-block-editor, align-wide, wp-block-styles, responsive-embeds, editor-styles, editor-style, menus, post-formats, title-tag, automatic-feed-links, post-thumbnails, custom-header, custom-logo, html5, woocommerce, wc-product-gallery-zoom, wc-product-gallery-lightbox, wc-product-gallery-slider, customize-selective-refresh-widgets, widgets

    theme_path: /www/htdocs/w01f5bda/kinder-liebe.com/wp-content/themes/oceanwp

    auto_update: Deaktiviert

    ### wp-themes-inactive (1) ###

    Twenty Twenty-Four: version: 1.3, author: Das WordPress-Team, Automatische Aktualisierungen deaktiviert

    ### wp-mu-plugins (1) ###

    NinjaFirewall WP (mu-plugin): version: 1.0, author: The Ninja Technologies Network

    ### wp-plugins-active (17) ###

    Complianz | GDPR/CCPA Cookie Consent: version: 7.4.2, author: Complianz, Automatische Aktualisierungen aktiviert

    Elementor: version: 3.32.2, author: Elementor.com, Automatische Aktualisierungen aktiviert

    Email Encoder - Protect Email Addresses: version: 2.2.2, author: Jannis Thuemmig, Automatische Aktualisierungen aktiviert

    Essential Addons for Elementor: version: 6.3.2, author: WPDeveloper, Automatische Aktualisierungen aktiviert

    Limit Login Attempts Reloaded: version: 2.26.23, author: Limit Login Attempts Reloaded, Automatische Aktualisierungen aktiviert

    NinjaFirewall (WP Edition): version: 4.7.5, author: The Ninja Technologies Network, Automatische Aktualisierungen aktiviert

    Ocean Extra: version: 2.5.1, author: OceanWP, Automatische Aktualisierungen aktiviert

    OMGF: version: 6.0.7, author: Daan from Daan.dev, Automatische Aktualisierungen deaktiviert

    ShortPixel Image Optimizer: version: 6.3.4, author: ShortPixel - Convert WebP/AVIF & Optimize Images, Automatische Aktualisierungen deaktiviert

    SMNTCS Disable REST API User Endpoints: version: 2.4, author: Niels Lange, Automatische Aktualisierungen deaktiviert

    Stop User Enumeration: version: 1.7.5, author: Fullworks, Automatische Aktualisierungen deaktiviert

    Temporary Login: version: 1.3.0, author: Elementor.com, Automatische Aktualisierungen deaktiviert

    Ultimate Addons for Elementor Lite: version: 2.5.2, author: Brainstorm Force, Automatische Aktualisierungen aktiviert

    UpdraftPlus - Backup/Restore: version: 1.25.7, author: TeamUpdraft, DavidAnderson, Automatische Aktualisierungen aktiviert

    WPForms Lite: version: 1.9.7.3, author: WPForms, Automatische Aktualisierungen aktiviert

    WP Super Cache: version: 3.0.1, author: Automattic, Automatische Aktualisierungen aktiviert

    Yoast SEO: version: 25.9, author: Team Yoast, Automatische Aktualisierungen aktiviert

    ### wp-media ###

    image_editor: WP_Image_Editor_Imagick

    imagick_module_version: 1692

    imagemagick_version: ImageMagick 6.9.12-98 Q16 x86_64 18038 https://legacy.imagemagick.org

    imagick_version: 3.7.0

    file_uploads: 1

    post_max_size: 384M

    upload_max_filesize: 384M

    max_effective_size: 384 MB

    max_file_uploads: 20

    imagick_limits: 

    imagick::RESOURCETYPE_AREA: 62 GB

    imagick::RESOURCETYPE_DISK: 9.22337203685E+18

    imagick::RESOURCETYPE_FILE: 786432

    imagick::RESOURCETYPE_MAP: 31 GB

    imagick::RESOURCETYPE_MEMORY: 4 GB

    imagick::RESOURCETYPE_THREAD: 1

    imagick::RESOURCETYPE_TIME: 9.22337203685E+18

    imagemagick_file_formats: 3FR, 3G2, 3GP, AAI, AI, APNG, ART, ARW, AVI, AVIF, AVS, BGR, BGRA, BGRO, BIE, BMP, BMP2, BMP3, BRF, CAL, CALS, CANVAS, CAPTION, CIN, CIP, CLIP, CMYK, CMYKA, CR2, CR3, CRW, CUR, CUT, DATA, DCM, DCR, DCX, DDS, DFONT, DJVU, DNG, DOT, DPX, DXT1, DXT5, EPDF, EPI, EPS, EPS2, EPS3, EPSF, EPSI, EPT, EPT2, EPT3, ERF, EXR, FAX, FILE, FITS, FLV, FRACTAL, FTP, FTS, G3, G4, GIF, GIF87, GRADIENT, GRAY, GRAYA, GROUP4, GV, H, HALD, HDR, HEIC, HEIF, HISTOGRAM, HRZ, HTM, HTML, HTTP, HTTPS, ICB, ICO, ICON, IIQ, INFO, INLINE, IPL, ISOBRL, ISOBRL6, J2C, J2K, JBG, JBIG, JNG, JNX, JP2, JPC, JPE, JPEG, JPG, JPM, JPS, JPT, JSON, K25, KDC, LABEL, M2V, M4V, MAC, MAGICK, MAP, MASK, MAT, MATTE, MEF, MIFF, MKV, MNG, MONO, MOV, MP4, MPC, MPEG, MPG, MRW, MSL, MSVG, MTV, MVG, NEF, NRW, NULL, ORF, OTB, OTF, PAL, PALM, PAM, PANGO, PATTERN, PBM, PCD, PCDS, PCL, PCT, PCX, PDB, PDF, PDFA, PEF, PES, PFA, PFB, PFM, PGM, PGX, PICON, PICT, PIX, PJPEG, PLASMA, PNG, PNG00, PNG24, PNG32, PNG48, PNG64, PNG8, PNM, POCKETMOD, PPM, PREVIEW, PS, PS2, PS3, PSB, PSD, PTIF, PWP, RADIAL-GRADIENT, RAF, RAS, RAW, RGB, RGBA, RGBO, RGF, RLA, RLE, RMF, RW2, SCR, SCT, SFW, SGI, SHTML, SIX, SIXEL, SPARSE-COLOR, SR2, SRF, STEGANO, SUN, SVG, SVGZ, TEXT, TGA, THUMBNAIL, TIFF, TIFF64, TILE, TIM, TTC, TTF, TXT, UBRL, UBRL6, UIL, UYVY, VDA, VICAR, VID, VIDEO, VIFF, VIPS, VST, WBMP, WEBM, WEBP, WMF, WMV, WMZ, WPG, X, X3F, XBM, XC, XCF, XPM, XPS, XV, XWD, YCbCr, YCbCrA, YUV

    gd_version: 2.3.3

    gd_formats: GIF, JPEG, PNG, WebP, BMP, XPM

    ghostscript_version: 10.02.1

    ### wp-server ###

    server_architecture: Linux 6.8.0-83-generic x86_64

    httpd_software: Apache

    php_version: 8.2.29-nmm1 64bit

    php_sapi: fpm-fcgi

    max_input_variables: 10000

    time_limit: 60

    memory_limit: 384M

    max_input_time: -1

    upload_max_filesize: 384M

    php_post_max_size: 384M

    curl_version: 8.5.0 OpenSSL/3.0.13

    suhosin: false

    imagick_availability: true

    pretty_permalinks: true

    htaccess_extra_rules: true

    static_robotstxt_file: true

    current: 2025-09-22T13:54:57+00:00

    utc-time: Monday, 22-Sep-25 13:54:57 UTC

    server-time: 2025-09-22T15:54:55+02:00

    ### wp-database ###

    extension: mysqli

    server_version: 10.11.13-MariaDB-0ubuntu0.24.04.1-log

    client_version: mysqlnd 8.2.29-nmm1

    max_allowed_packet: 67108864

    max_connections: 500

    ### wp-constants ###

    WP_HOME: undefined

    WP_SITEURL: undefined

    WP_CONTENT_DIR: /www/htdocs/w01f5bda/kinder-liebe.com/wp-content

    WP_PLUGIN_DIR: /www/htdocs/w01f5bda/kinder-liebe.com/wp-content/plugins

    WP_MEMORY_LIMIT: 256M

    WP_MAX_MEMORY_LIMIT: 384M

    WP_DEBUG: false

    WP_DEBUG_DISPLAY: true

    WP_DEBUG_LOG: false

    SCRIPT_DEBUG: false

    WP_CACHE: true

    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: does not exist

    mu-plugins: writable

    ### wpforms ###

    version: 1.9.7.3

    lite: 18. Januar 2025 um 11:27 Uhr

    upload_dir: Beschreibbar

    total_forms: 1

    total_submissions: 3

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

Ansicht von 4 Antworten – 1 bis 4 (von insgesamt 4)
  • Moderator threadi

    (@threadi)

    Der Grund hierfür sind mehrere nicht ganz passende Angaben zu Außenabständen die von Elementor erzeugt werden, vermutlich weil es an einem Container so hinterlegt ist. Schau dir mal das Footer-Template in Elementor an. Dort müsste es einen Container mit dem Menü im Footer geben. Das Menü selbst hat einen negativen „Inline Margin“ erhalten. Ich weiß leider nicht wie das in Elementor genannt wird. Du müsstest in den Einstellungen an diesem Container (oder um ihn herum) nach einer Einstellung zum Abstand ausschau halten indem ein negativer Wert von 40 (für Mobil) oder 30 (für Desktop) Pixeln eingetragen ist. Sobald ich diese Angaben im Browser deaktiviere, kann man das Layout Mobil auch nicht mehr schieben.

    Thread-Starter niklasbernauer

    (@niklasbernauer)

    Ich habe gerade alle Außen- und Innenabstände in Elementor überprüft und nirgendwo waren Abstände eingetragen, wie von dir beschrieben.
    Ich habe jetzt selbst mal nach einer anderen Ursache gesucht und dafür in den DevTools gesehen,
    dass auf meiner Website eine versteckte Seitenleiste angezeigt wird.
    Könnte das die Ursache sein?

    Hier kommen zwei Screenshots die die Seitenleiste zeigen:

    Moderator threadi

    (@threadi)

    Diese Sidebar sehe ich bei mir nicht, kann es daher nicht bewerten. Vom Namen her klingt es aber nach einer Ergänzung durch ein von dir genutztes Plugin. Evtl. müsstest du dieses finden und deaktivieren (irgendwas mit UE im Namen).

    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.

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

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