• Gelöst mod4ps

    (@mod4ps)


    Auf dem Laptop funktioniert das Anker Sprungziel mit:

    :target::before {

    content: „“;

    display: block;

    height: 100px; /* Wert der Verschiebung */

    }

    Laptop:
    Die Verlinkte Seite wird angezeigt und der verlinkte Gruppen Block scrollt an den Anfang (Top) der Seite.

    Leider funktioniert das auf meinem IPhone Mobile nicht!
    Die Verlinkte Seite wird angezeigt aber der Gruppen Block, mit dem Anker #services, scrollt nicht an den Anfang (Top) der Seite

    ___

    Website / Zustand Bericht

    ` wp-core

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

    wordpress_path: /home/smillaca/public_html/smillastag
    wordpress_size: 62,58 MB (65620598 bytes)
    uploads_path: /home/smillaca/public_html/smillastag/wp-content/uploads
    uploads_size: 47,64 MB (49951654 bytes)
    themes_path: /home/smillaca/public_html/smillastag/wp-content/themes
    themes_size: 17,65 MB (18504998 bytes)
    plugins_path: /home/smillaca/public_html/smillastag/wp-content/plugins
    plugins_size: 58,43 MB (61268772 bytes)
    fonts_path: /home/smillaca/public_html/smillastag/wp-content/uploads/fonts
    fonts_size: 1,05 MB (1102768 bytes)
    database_size: 18,02 MB (18890752 bytes)
    total_size: 205,36 MB (215339542 bytes) wp-active-theme

    name: UniBlock Child (uniblock-child)
    version: 1.0
    author: pstype smart web
    author_website: https://pstype.ch
    parent_theme: UniBlock (uniblock)
    theme_features: post-thumbnails, responsive-embeds, editor-styles, html5, automatic-feed-links, widgets-block-editor, block-templates, editor-style, menus
    theme_path: /home/smillaca/public_html/smillastag/wp-content/themes/uniblock-child
    auto_update: Deaktiviert wp-parent-theme

    name: UniBlock (uniblock)
    version: 2.0.0
    author: WPZOOM
    author_website: https://www.wpzoom.com/
    theme_path: /home/smillaca/public_html/smillastag/wp-content/themes/uniblock
    auto_update: Deaktiviert wp-themes-inactive (1)

    Twenty Twenty-Five: version: 1.0, author: Das WordPress-Team, Automatische Aktualisierungen deaktiviert wp-plugins-active (13)

    Antispam Bee: version: 2.11.7, author: pluginkollektiv, Automatische Aktualisierungen deaktiviert
    B Slider: version: 1.1.23, author: bPlugins, Automatische Aktualisierungen deaktiviert
    Easy Accordion Gutenberg Block: version: 1.3.2, author: Zakaria Binsaifullah, Automatische Aktualisierungen deaktiviert
    Email Address Encoder: version: 1.0.24, author: Till Krüss, Automatische Aktualisierungen deaktiviert
    Forminator: version: 1.38.2, author: WPMU DEV, Automatische Aktualisierungen deaktiviert
    Light Modal Block: version: 1.3.2, author: CloudCatch LLC, Automatische Aktualisierungen deaktiviert
    Responsive Navigation Block: version: 1.0.9, author: Dave Smith, Automatische Aktualisierungen deaktiviert
    SimpLy Gallery Block & Lightbox: version: 3.2.4.4, author: GalleryCreator, Automatische Aktualisierungen deaktiviert
    Sticky Block: version: 1.11.1, author: Senff, Automatische Aktualisierungen deaktiviert
    SVG Support: version: 2.5.8, author: Benbodhi, Automatische Aktualisierungen deaktiviert
    The Icon Block: version: 2.0.0, author: Nick Diego, Automatische Aktualisierungen deaktiviert
    WP-Sweep: version: 1.1.8, author: Lester 'GaMerZ' Chan, Automatische Aktualisierungen deaktiviert
    WPZOOM Instagram Widget & Block: version: 2.2.2, author: WPZOOM, Automatische Aktualisierungen deaktiviert wp-media

    image_editor: WP_Image_Editor_Imagick
    imagick_module_version: 1809
    imagemagick_version: ImageMagick 7.1.1-19 Q16-HDRI x86_64 21601 https://imagemagick.org
    imagick_version: 3.7.0
    file_uploads: 1
    post_max_size: 16M
    upload_max_filesize: 16M
    max_effective_size: 16 MB
    max_file_uploads: 20
    imagick_limits:
    imagick::RESOURCETYPE_AREA: 283 GB
    imagick::RESOURCETYPE_DISK: 9.2233720368548E+18
    imagick::RESOURCETYPE_FILE: 37500
    imagick::RESOURCETYPE_MAP: 141 GB
    imagick::RESOURCETYPE_MEMORY: 71 GB
    imagick::RESOURCETYPE_THREAD: 1
    imagick::RESOURCETYPE_TIME: 9.2233720368548E+18
    imagemagick_file_formats: 3FR, 3G2, 3GP, A, AAI, AI, APNG, ART, ARW, ASHLAR, AVI, AVIF, AVS, B, BAYER, BAYERA, BGR, BGRA, BGRO, BIE, BMP, BMP2, BMP3, BRF, C, CAL, CALS, CANVAS, CAPTION, CIN, CIP, CLIP, CMYK, CMYKA, CR2, CR3, CRW, CUBE, CUR, CUT, DATA, DCM, DCR, DCRAW, DCX, DDS, DFONT, DNG, DOT, DPX, DXT1, DXT5, EPDF, EPI, EPS, EPS2, EPS3, EPSF, EPSI, EPT, EPT2, EPT3, ERF, EXR, FARBFELD, FAX, FF, FILE, FITS, FL32, FLV, FRACTAL, FTP, FTS, FTXT, G, G3, G4, GIF, GIF87, GRADIENT, GRAY, GRAYA, GROUP4, GV, 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, K, K25, KDC, LABEL, M, M2V, M4V, MAC, MAP, MASK, MAT, MATTE, MEF, MIFF, MKV, MNG, MONO, MOV, MP4, MPC, MPEG, MPG, MPO, MRW, MSL, MSVG, MTV, MVG, NEF, NRW, NULL, O, ORA, ORF, OTB, OTF, PAL, PALM, PAM, PANGO, PATTERN, PBM, PCD, PCDS, PCL, PCT, PCX, PDB, PDF, PDFA, PEF, PES, PFA, PFB, PFM, PGM, PGX, PHM, PICON, PICT, PIX, PJPEG, PLASMA, PNG, PNG00, PNG24, PNG32, PNG48, PNG64, PNG8, PNM, POCKETMOD, PPM, PS, PS2, PS3, PSB, PSD, PTIF, PWP, QOI, R, RADIAL-GRADIENT, RAF, RAS, RAW, RGB, RGB565, RGBA, RGBO, RGF, RLA, RLE, RMF, RSVG, RW2, SCR, SCREENSHOT, SCT, SFW, SGI, SHTML, SIX, SIXEL, SPARSE-COLOR, SR2, SRF, STEGANO, STRIMG, SUN, SVG, SVGZ, TEXT, TGA, THUMBNAIL, TIFF, TIFF64, TILE, TIM, TM2, TTC, TTF, TXT, UBRL, UBRL6, UIL, UYVY, VDA, VICAR, VID, VIFF, VIPS, VST, WBMP, WEBM, WEBP, WMF, WMV, WMZ, WPG, X, X3F, XBM, XC, XCF, XPM, XPS, XV, XWD, Y, YAML, YCbCr, YCbCrA, YUV
    gd_version: 2.3.3
    gd_formats: GIF, JPEG, PNG, WebP, BMP, XPM
    ghostscript_version: unknown wp-server

    server_architecture: Linux 3.10.0-962.3.2.lve1.5.83.el7.x86_64 x86_64
    httpd_software: LiteSpeed
    php_version: 7.4.33 64bit
    php_sapi: litespeed
    max_input_variables: 1000
    time_limit: 30
    memory_limit: 256M
    max_input_time: 60
    upload_max_filesize: 16M
    php_post_max_size: 16M
    curl_version: 7.87.0 OpenSSL/1.1.1w
    suhosin: false
    imagick_availability: true
    pretty_permalinks: true
    htaccess_extra_rules: false
    current: 2025-01-15T12:25:17+00:00
    utc-time: Wednesday, 15-Jan-25 12:25:17 UTC
    server-time: 2025-01-15T12:25:16+00:00 wp-database

    extension: mysqli
    server_version: 10.6.19-MariaDB-cll-lve-log
    client_version: mysqlnd 7.4.33
    max_allowed_packet: 268435456
    max_connections: 300 wp-constants

    WP_HOME: undefined
    WP_SITEURL: undefined
    WP_CONTENT_DIR: /home/smillaca/public_html/smillastag/wp-content
    WP_PLUGIN_DIR: /home/smillaca/public_html/smillastag/wp-content/plugins
    WP_MEMORY_LIMIT: 40M
    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_ENVIRONMENT_TYPE: undefined
    WP_DEVELOPMENT_MODE: undefined
    DB_CHARSET: utf8mb4
    DB_COLLATE: undefined wp-filesystem

    wordpress: writable
    wp-content: writable
    uploads: writable
    plugins: writable
    themes: writable
    fonts: writable


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

Ansicht von 7 Antworten – 1 bis 7 (von insgesamt 7)
  • Thread-Starter mod4ps

    (@mod4ps)

    Hat sich in der Zwischenzeit erledigt.

    Moderator threadi

    (@threadi)

    Wo in deiner Website ist so ein Link denn zu sehen?

    EDIT: Danke für die Rückmeldung (die ich zu spät sah) und das gelöst setzen.

    • Diese Antwort wurde vor 3 Wochen, 6 Tage von threadi geändert.
    Thread-Starter mod4ps

    (@mod4ps)

    Hallo Threadi

    Vielen Dank für dein Feedback. Ich habe das Anker Thema nur umschifft. Es interessiert mich nach wie vor, warum der verlinkte Inhalt, auf einem Mobilen Gerät, nicht zum Seitenanfang (Top) springt?

    Ich habe den Link zum nachvollziehen, am Fuss der Seite Catering wieder eingebaut. Das Linkziel ist ein Gruppen Block am Fuss der Seite Reservation. Wenn ich den Link nun anspringe, sollte der verlinkte Gruppen Block auf einem mobilen Gerät zum Top der Seite springen. Mit den gängigen Desktop Browsern funktioniert das.

    Sorry, war ein bisschen zu schnell mit dem entfernen des Links.

    Danke für die Unterstützung
    Peter

    Moderator threadi

    (@threadi)

    Sieht syntaktisch richtig aus. Ich vermute der von deinem Handy genutzte Browser unterstützt dieses CSS noch nicht. Welches iOS hast Du und welchen Browser? Du kannst das z.B. rausbekommen wenn du in dem Browser https://www.wieistmeineip.de/ aufrufst – da wird das oben gleich mit angezeigt.

    Thread-Starter mod4ps

    (@mod4ps)

    iOS 18.1.1 / IPhone XR (alter Knochen aber neustes System läuft 🙂

    Browser Firefox, Chrom, Safari getestet

    Bei keinem der Browser springt der verlinkte Gruppenblock an den Anfang (Top) der Seite?

    Moderator Torsten Landsiedel

    (@zodiac1978)

    Das funktioniert Desktop und Mobile gleich gut (oder wenig). In beiden Fällen spring es nicht zur korrekten Stelle.

    Vielleicht wechselst du auf die einfachere, moderne Lösung via scroll-margin-top und schaust, ob es dann klappt.

    Vielleicht hilft es auch den Scrollen etwas mehr Zeit via scroll-behavior: smooth; zu geben.

    Thread-Starter mod4ps

    (@mod4ps)

    Hallo Torsten
    Das mit dem smooth scrolling habe ich eingebunden
    html, body {
    scroll-behavior: smooth;

    }

    mit:
    scroll-margin-top
    klappt es. Einfach den entsprechenden + od. minus Wert eingeben.
    Vielen Dank für den Tipp.

    Lg. Peter

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