Button im Header wird auf Smartphones nicht angezeigt

  • Gelöst lorenzoooo

    (@lorenzoooo)


    vor 2 Jahren, 4 Monaten

    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)
  • bscu

    (@bscu)

    vor 2 Jahren, 4 Monaten

    Bevor du ein neues Thema/Thread erstellst

    Thread-Starter lorenzoooo

    (@lorenzoooo)

    vor 2 Jahren, 4 Monaten

    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
    bscu

    (@bscu)

    vor 2 Jahren, 4 Monaten

    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)

    vor 2 Jahren, 4 Monaten

    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.

    bscu

    (@bscu)

    vor 2 Jahren, 4 Monaten

    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)

    vor 2 Jahren, 4 Monaten

    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.

    Moderator Hans-Gerd Gerhards

    (@hage)

    vor 2 Jahren, 4 Monaten

    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)

    vor 2 Jahren, 4 Monaten

    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

    Moderator Hans-Gerd Gerhards

    (@hage)

    vor 2 Jahren, 4 Monaten

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

    Viele Grüße
    Hans-Gerd

    Thread-Starter lorenzoooo

    (@lorenzoooo)

    vor 2 Jahren, 4 Monaten

    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

    Moderator Hans-Gerd Gerhards

    (@hage)

    vor 2 Jahren, 4 Monaten

    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.