Support » Themes » Button im Header wird auf Smartphones nicht angezeigt

  • Gelöst lorenzoooo

    (@lorenzoooo)


    Hallo,

    in meinem Blog habe ich einen Button im Header platziert, der auf einem Desktop angezeigt wird, aber leider beim Smartphone und Tablet nicht. Der Button verlinkt auf eine andere Website.

    Wie bekomme ich so einen Button auch auf Smartphones im Header angezeigt?

    Ich kriege das nicht gelöst und finde keinen Beitrag im Forum.

    Benutze Astra Free Theme und WP 6.0.2.
    Wenn nötig, würde ich ein anderes Theme benutzen.

    Ich würde mich freuen, wenn jemand eine Idee hat, wie ich diesen Fehler beheben kann!!

Ansicht von 11 Antworten - 1 bis 11 (von insgesamt 11)
  • Thread-Starter lorenzoooo

    (@lorenzoooo)

    Hallo @bscu

    vielen Dank für deine Antwort.

    Es fehlen also 1. der Link zu meinem Blog und 2. der Website-Zustands-Bericht.
    Füge beides unten ein.

    Hoffe, dass war was du meinst.

    Danke

    1. blog.amaiora.com

    2. der Zustands-Bericht

    
    ### wp-core ###
    
    version: 6.0.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: undefined
    environment_type: production
    user_count: 1
    dotorg_communication: true
    
    ### wp-paths-sizes ###
    
    wordpress_path: /var/www
    wordpress_size: 98,49 MB (103274175 bytes)
    uploads_path: /var/www/wp-content/uploads
    uploads_size: 6,88 MB (7213688 bytes)
    themes_path: /var/www/wp-content/themes
    themes_size: 57,33 MB (60111299 bytes)
    plugins_path: /var/www/wp-content/plugins
    plugins_size: 66,94 MB (70193606 bytes)
    database_size: 14,72 MB (15433728 bytes)
    total_size: 244,36 MB (256226496 bytes)
    
    ### wp-dropins (3) ###
    
    advanced-cache.php: true
    db-error.php: true
    object-cache.php: true
    
    ### wp-active-theme ###
    
    name: Astra (astra)
    version: 3.9.2
    author: Brainstorm Force
    author_website: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
    parent_theme: none
    theme_features: core-block-patterns, astra_hooks, widgets-block-editor, align-wide, automatic-feed-links, title-tag, post-thumbnails, html5, post-formats, custom-logo, customize-selective-refresh-widgets, editor-style, woocommerce, rank-math-breadcrumbs, amp, widgets, menus
    theme_path: /var/www/wp-content/themes/astra
    auto_update: Deaktiviert
    
    ### wp-themes-inactive (5) ###
    
    Colibri WP: version: 1.0.87, author: Extend Themes (latest version: 1.0.88), Automatische Aktualisierungen deaktiviert
    Hestia: version: 3.0.21, author: ThemeIsle (latest version: 3.0.23), Automatische Aktualisierungen deaktiviert
    Twenty Twenty: version: 2.0, author: WordPress-Team, Automatische Aktualisierungen deaktiviert
    Twenty Twenty-One: version: 1.6, author: WordPress-Team, Automatische Aktualisierungen deaktiviert
    Twenty Twenty-Two: version: 1.2, author: WordPress-Team, Automatische Aktualisierungen aktiviert
    
    ### wp-mu-plugins (1) ###
    
    System Plugin: author: (undefined), version: 4.38.0
    
    ### wp-plugins-active (12) ###
    
    Autoptimize: version: 3.1.1.1, author: Frank Goossens (futtta) (latest version: 3.1.2), Automatische Aktualisierungen deaktiviert
    Code Snippets: version: 3.2.0, author: Code Snippets Pro, Automatische Aktualisierungen deaktiviert
    OMGF: version: 5.3.7, author: Daan from Daan.dev, Automatische Aktualisierungen aktiviert
    Polylang: version: 3.2.6, author: WP SYNTEX, Automatische Aktualisierungen aktiviert
    Rank Math SEO: version: 1.0.97, author: Rank Math, Automatische Aktualisierungen aktiviert
    Real Cookie Banner (Free): version: 2.17.3, author: devowl.io (latest version: 3.1.3), Automatische Aktualisierungen aktiviert
    Shariff Wrapper: version: 4.6.7, author: Jan-Peter Lambeck & 3UU, Automatische Aktualisierungen deaktiviert
    Site Kit by Google: version: 1.74.0, author: Google (latest version: 1.83.0), Automatische Aktualisierungen deaktiviert
    Starter Templates: version: 3.1.5, author: Brainstorm Force (latest version: 3.1.16), Automatische Aktualisierungen deaktiviert
    Table of Contents Plus: version: 2106, author: Michael Tran, Automatische Aktualisierungen deaktiviert
    WP-Optimize - Clean, Compress, Cache: version: 3.2.7, author: David Anderson, Ruhani Rabin, Team Updraft, Automatische Aktualisierungen deaktiviert
    WP Child Theme Generator: version: 1.0.7, author: WEN Solutions, Automatische Aktualisierungen deaktiviert
    
    ### wp-plugins-inactive (1) ###
    
    Under Construction: version: 3.92, author: WebFactory Ltd (latest version: 3.93), Automatische Aktualisierungen deaktiviert
    
    ### code-snippets (4) ###
    
    snippet-1: name: Ändere Upload-Dateinamen in Kleinbuchstaben, scope: global, modified: 2022-09-01 14:46:59, tags: [sample, media]
    snippet-2: name: Admin-Leiste deaktivieren , scope: front-end, modified: 2022-09-01 14:46:59, tags: [sample, admin-bar]
    snippet-3: name: Smileys zulassen, scope: global, modified: 2022-09-01 14:46:59, tags: [sample]
    snippet-4: name: Aktuelles Jahr, scope: content, modified: 2022-09-01 14:46:59, tags: [sample, dates]
    
    ### wp-media ###
    
    image_editor: WP_Image_Editor_Imagick
    imagick_module_version: 1808
    imagemagick_version: ImageMagick 7.1.0-16 Q16-HDRI x86_64 2021-11-21 https://imagemagick.org
    imagick_version: 3.4.4
    file_uploads: File uploads is turned off
    post_max_size: 100M
    upload_max_filesize: 100M
    max_effective_size: 100 MB
    max_file_uploads: 20
    imagick_limits: 
    	imagick::RESOURCETYPE_AREA: 126 GB
    	imagick::RESOURCETYPE_DISK: 9.2233720368548E+18
    	imagick::RESOURCETYPE_FILE: 196608
    	imagick::RESOURCETYPE_MAP: 126 GB
    	imagick::RESOURCETYPE_MEMORY: 63 GB
    	imagick::RESOURCETYPE_THREAD: 1
    imagemagick_file_formats: 3FR, 3G2, 3GP, AAI, AI, APNG, ART, ARW, ASHLAR, AVI, AVIF, AVS, BGR, BGRA, BGRO, BMP, BMP2, BMP3, BRF, 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, FARBFELD, FAX, FF, FILE, FITS, FL32, FLV, FRACTAL, FTP, FTS, 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, JNG, JNX, JPE, JPEG, JPG, JPS, JSON, K25, KDC, KERNEL, LABEL, M2V, M4V, MAC, MAP, MASK, MAT, MATTE, MEF, MIFF, MKV, MNG, MONO, MOV, MP4, MPC, MPEG, MPG, MRW, MSL, MSVG, MTV, MVG, NEF, NRW, NULL, 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, RADIAL-GRADIENT, RAF, RAS, RAW, RGB, RGB565, RGBA, RGBO, RGF, RLA, RLE, RMF, RSVG, RW2, SCR, SCT, SFW, SGI, SHTML, SIX, SIXEL, SPARSE-COLOR, SR2, SRF, STEGANO, 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, WMV, WPG, X, X3F, XBM, XC, XCF, XPM, XPS, XV, XWD, YAML, YCbCr, YCbCrA, YUV
    gd_version: bundled (2.1.0 compatible)
    gd_formats: GIF, JPEG, PNG, BMP
    ghostscript_version: 9.55.0
    
    ### wp-server ###
    
    server_architecture: Linux 5.4.155-200.el7.x86_64 x86_64
    httpd_software: Apache
    php_version: 7.4.30 64bit
    php_sapi: cgi-fcgi
    max_input_variables: 1000
    time_limit: 300
    memory_limit: 128M
    admin_memory_limit: 256M
    max_input_time: 60
    upload_max_filesize: 100M
    php_post_max_size: 100M
    curl_version: 7.80.0 OpenSSL/1.1.1q
    suhosin: false
    imagick_availability: true
    pretty_permalinks: true
    htaccess_extra_rules: true
    
    ### wp-database ###
    
    extension: mysqli
    server_version: 5.7.26-29-log
    client_version: mysqlnd 7.4.30
    max_allowed_packet: 16777216
    max_connections: 1000
    
    ### wp-constants ###
    
    WP_HOME: undefined
    WP_SITEURL: undefined
    WP_CONTENT_DIR: /var/www/wp-content
    WP_PLUGIN_DIR: /var/www/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: true
    CONCATENATE_SCRIPTS: undefined
    COMPRESS_SCRIPTS: undefined
    COMPRESS_CSS: undefined
    WP_ENVIRONMENT_TYPE: Nicht definiert
    DB_CHARSET: utf8
    DB_COLLATE: undefined
    
    ### wp-filesystem ###
    
    wordpress: writable
    wp-content: writable
    uploads: writable
    plugins: writable
    themes: writable
    mu-plugins: writable
    
    ### google-site-kit ###
    
    version: 1.74.0
    php_version: 7.4.30
    wp_version: 6.0.2
    reference_url: https://blog.amaiora.com
    amp_mode: no
    site_status: connected-site
    user_status: authenticated
    verification_status: verified-file
    connected_user_count: 1
    active_modules: site-verification, search-console, analytics, analytics-4, pagespeed-insights
    required_scopes: 
    	openid: ✅
    	https://www.googleapis.com/auth/userinfo.profile: ✅
    	https://www.googleapis.com/auth/userinfo.email: ✅
    	https://www.googleapis.com/auth/siteverification: ✅
    	https://www.googleapis.com/auth/webmasters: ✅
    	https://www.googleapis.com/auth/analytics.readonly: ✅
    capabilities: 
    	googlesitekit_authenticate: ✅
    	googlesitekit_setup: ✅
    	googlesitekit_view_posts_insights: ✅
    	googlesitekit_view_dashboard: ✅
    	googlesitekit_view_module_details: ✅
    	googlesitekit_manage_options: ✅
    	googlesitekit_view_splash: ✅
    	googlesitekit_view_authenticated_dashboard: ✅
    enabled_features: 
    	adsenseSetupV2: ⭕
    	dashboardSharing: ⭕
    	ideaHubModule: ⭕
    	swgModule: ⭕
    	userInput: ⭕
    	unifiedDashboard: ✅
    	zeroDataStates: ✅
    search_console_property: https://blog.amaiora.com/
    analytics_account_id: 4848••••
    analytics_property_id: UA-4848••••••
    analytics_profile_id: 1941•••••
    analytics_use_snippet: yes
    analytics_4_property_id: 3146083••
    analytics_4_web_data_stream_id: 3555••••••
    analytics_4_measurement_id: G-E6••••••••
    analytics_4_use_snippet: yes
    
    ### pll_options ###
    
    browser: 0
    rewrite: 1
    hide_default: 1
    force_lang: 1
    redirect_lang: 0
    media_support: true
    sync: taxonomies, post_meta, comment_status, ping_status, sticky_posts, post_date, post_format, post_parent, _wp_page_template, menu_order, _thumbnail_id
    post_types: 0
    taxonomies: 0
    domains: 0
    version: 3.2.6
    default_lang: it
    primary: it => 3 | en => 17 | de => 16
    secondary_menu: it => 24 | en => 0 | de => 0
    mobile_menu: it => 0 | en => 0
    loggedin_account_menu: it => 0 | en => 0 | de => 0
    footer_menu: it => 23 | en => 24 | de => 22
    previous_version: 3.2.5
    
    ### pll_language_it ###
    
    term_id: 6
    name: Italiano
    slug: it
    term_group: 0
    term_taxonomy_id: 6
    count: 14
    tl_term_id: 7
    tl_term_taxonomy_id: 7
    tl_count: 5
    locale: it_IT
    is_rtl: 0
    w3c: it-IT
    facebook: it_IT
    home_url: https://blog.amaiora.com/
    search_url: https://blog.amaiora.com/
    mo_id: 1238
    page_on_front: 0
    page_for_posts: 0
    flag_code: it
    flag_url: https://blog.amaiora.com/wp-content/plugins/polylang/flags/it.png
    custom_flag_url: 0
    
    ### pll_language_en ###
    
    term_id: 8
    name: English
    slug: en
    term_group: 0
    term_taxonomy_id: 8
    count: 10
    tl_term_id: 9
    tl_term_taxonomy_id: 9
    tl_count: 5
    locale: en_GB
    is_rtl: 0
    w3c: en-GB
    facebook: en_GB
    home_url: https://blog.amaiora.com/en/
    search_url: https://blog.amaiora.com/en/
    mo_id: 1239
    page_on_front: 0
    page_for_posts: 0
    flag_code: gb
    flag_url: https://blog.amaiora.com/wp-content/plugins/polylang/flags/gb.png
    custom_flag_url: 0
    
    ### pll_language_de ###
    
    term_id: 10
    name: Deutsch
    slug: de
    term_group: 0
    term_taxonomy_id: 10
    count: 20
    tl_term_id: 11
    tl_term_taxonomy_id: 11
    tl_count: 8
    locale: de_DE
    is_rtl: 0
    w3c: de-DE
    facebook: de_DE
    home_url: https://blog.amaiora.com/de/
    search_url: https://blog.amaiora.com/de/
    mo_id: 1240
    page_on_front: 0
    page_for_posts: 0
    flag_code: de
    flag_url: https://blog.amaiora.com/wp-content/plugins/polylang/flags/de.png
    custom_flag_url: 0
    
    ### pll_warnings ###
    
    post-no-lang: attachment => 1598 , 1591 , 1588 , 1576 , 1235
    term-no-lang: category => 78 , 79
    wpml: 
    	real-cookie-banner: /var/www/wp-content/plugins/real-cookie-banner/wpml-config.xml
    	seo-by-rank-math: /var/www/wp-content/plugins/seo-by-rank-math/wpml-config.xml
    	shariff: /var/www/wp-content/plugins/shariff/wpml-config.xml
    	astra: /var/www/wp-content/themes/astra/wpml-config.xml
    
    

    Das hängt hiermit zusammen:

    @media (max-width: 921px)
    #ast-desktop-header {
      display: none;
    }

    Wenn du im Custom-CSS diese Regel überschreibst, wird der Button wieder sichtbar.
    Du musst den Button aber auch noch responsive konfigurieren, ansonsten zerdrischt dir der Button das Layout.

    Thread-Starter lorenzoooo

    (@lorenzoooo)

    Ciao @bscu

    Vielen Dank für deine Antwort.

    Werde ich mal probieren.

    Wie bekomme ich den Button denn responsive hin?

    Bin nicht so versiert mit in Informatik-Sachen.

    Danke.

    Ich möchte darauf hinweisen, dass wir hier bei WordPress-Fragen helfen. CSS-Probleme gehören in der Regel nicht dazu.
    Eine gute Möglichkeit, sich mit CSS zu beschäftigen, findest du z. B. hier, hier oder hier.

    Thread-Starter lorenzoooo

    (@lorenzoooo)

    Hallo @bscu

    Vielen Dank für deine Antwort und die Tipps.
    Da muss man sich ja richtig rein arbeiten.
    Ich werde versuchen, eine schnellere Lösung für so einen Link zu finden.
    Vielen Dank.

    Hallo,
    wenn du die Pro-Version des Themes (Astra) kaufst, kannst du eine Zeile über dem Header erstellen – siehe Hinweis in dem Beitrag.

    Alternative wäre ein Block-Theme wie z. B. Twenty Twenty-Two, bei dem man eine Zeile über dem Header relativ einfach über Full Site Editing (FSE) erstellen kann.

    Viele Grüße
    Hans-Gerd

    Thread-Starter lorenzoooo

    (@lorenzoooo)

    Hallo @hage

    Vielen Dank für die Tipps.

    Das Theme zu ändern traue ich mir zu.

    Habe mal kurz in 2022 reingeschaut und so ein Button in den Header gesetzt. der auch mobile angezeigt wird. Super!

    Dann muss ich halt den Rest vom Theme neu gestalten, aber das kann ich.

    1000 Dank!

    Viele Grüße,
    Lorenzo

    Hallo,
    evtl. hilft dir dabei der folgende Beitrag von mir.

    Viele Grüße
    Hans-Gerd

    Thread-Starter lorenzoooo

    (@lorenzoooo)

    Hallo @hage

    Vielen Dank auch für den Tipp!

    Sehr gut beschrieben und tolle „Über uns“ Seite habt Ihr 🙂

    Mal sehen, wann ich die Ruhe dazu finde, das umzusetzen.

    Viele Grüße aus Rom,

    Lorenzo

    Hallo @lorenzoooo

    Sehr gut beschrieben und tolle „Über uns“ Seite habt Ihr 🙂

    danke – freut mich, dass dir das gefällt. Viel Erfolg bei der Umsetzung.

    Viele Grüße nach Rom (da wäre ich jetzt auch lieber 😉)
    Hans-Gerd

Ansicht von 11 Antworten - 1 bis 11 (von insgesamt 11)
  • Das Thema „Button im Header wird auf Smartphones nicht angezeigt“ ist für neue Antworten geschlossen.