Mobiltelefon Version: Abstand zwischen Main und Footer
-
Hallo,
Ich verwende Astra und möchte auf der Startseite in der Mobiltelefon Version den Abstand zwischen main und Footer auf ‚0‘ reduzieren, bekomme das aber nicht hin.
Im Container ist eine Slidehow, full screen, die ich in der Mobiltelefon Version auf min.height 30 vh gestellt habe.
In zusätzliches CSS habe ich es mit folgendem Code probiert.@media only screen and (max-width: 360px)
.content-page, .page-content {
padding-bottom: 0px !important;
}Ich bin für jede Hilfe dankbar.
LG;
Martin` wp-core version: 6.4.3
site_language: de_AT
user_language: de_AT
timezone: Europe/Vienna
permalink: undefined
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: /data/web/web19974/home/site/web
wordpress_size: 209,93 MB (220125091 bytes)
uploads_path: /data/web/web19974/home/site/web/wp-content/uploads
uploads_size: 69,71 MB (73099120 bytes)
themes_path: /data/web/web19974/home/site/web/wp-content/themes
themes_size: 57,49 MB (60282126 bytes)
plugins_path: /data/web/web19974/home/site/web/wp-content/plugins
plugins_size: 87,09 MB (91317863 bytes)
database_size: 23,39 MB (24526848 bytes)
total_size: 447,61 MB (469351048 bytes) wp-active-theme name: Astra (astra)
version: 4.5.2 (latest version: 4.6.8)
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, starter-content, html5, post-formats, custom-logo, customize-selective-refresh-widgets, editor-style, woocommerce, rank-math-breadcrumbs, amp, widgets, menus
theme_path: /data/web/web19974/home/site/web/wp-content/themes/astra
auto_update: Deaktiviert wp-themes-inactive (5) OceanWP: version: 3.5.3, author: OceanWP (latest version: 3.5.4), Automatische Aktualisierungen deaktiviert
Twenty Twenty-Four: version: 1.0, author: the WordPress team, Automatische Aktualisierungen deaktiviert
Twenty Twenty-One: version: 1.9, author: the WordPress team (latest version: 2.1), Automatische Aktualisierungen deaktiviert
Twenty Twenty-Three: version: 1.2, author: the WordPress team (latest version: 1.3), Automatische Aktualisierungen deaktiviert
Twenty Twenty-Two: version: 1.5, author: the WordPress team (latest version: 1.6), Automatische Aktualisierungen deaktiviert wp-mu-plugins (1) Elementor Safe Mode: version: 1.0.0, author: Elementor.com wp-plugins-active (8) Disable REST API: version: 1.8, author: Dave McHale, Automatische Aktualisierungen deaktiviert
Disable XML-RPC Pingback: version: 1.2.2, author: Samuel Aguilera, Automatische Aktualisierungen deaktiviert
Duplicator: version: 1.5.8.1, author: Duplicator, Automatische Aktualisierungen deaktiviert
Elementor: version: 3.19.2, author: Elementor.com (latest version: 3.20.1), Automatische Aktualisierungen deaktiviert
Envato Elements: version: 2.0.12, author: Envato, Automatische Aktualisierungen deaktiviert
Ocean Extra: version: 2.2.5, author: OceanWP (latest version: 2.2.6), Automatische Aktualisierungen deaktiviert
Polylang: version: 3.5.4, author: WP SYNTEX (latest version: 3.6), Automatische Aktualisierungen deaktiviert
WP Updates Notifier: version: 1.6.0, author: Scott Cariss, Automatische Aktualisierungen deaktiviert wp-plugins-inactive (3) Elementor Header & Footer Builder: version: 1.6.25, author: Brainstorm Force, Nikhil Chavan (latest version: 1.6.26), Automatische Aktualisierungen deaktiviert
Sticky Header Effects for Elementor: version: 1.6.10, author: Rwattner, Automatische Aktualisierungen deaktiviert
UpdraftPlus - Backup/Restore: version: 1.24.1, author: UpdraftPlus.Com, DavidAnderson, Automatische Aktualisierungen deaktiviert 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.7.0
file_uploads: 1
post_max_size: 125M
upload_max_filesize: 120M
max_effective_size: 120 MB
max_file_uploads: 20
imagick_limits:
imagick::RESOURCETYPE_AREA: 122 MB
imagick::RESOURCETYPE_DISK: 1073741824
imagick::RESOURCETYPE_FILE: 768
imagick::RESOURCETYPE_MAP: 512 MB
imagick::RESOURCETYPE_MEMORY: 256 MB
imagick::RESOURCETYPE_THREAD: 1
imagick::RESOURCETYPE_TIME: 9.2233720368548E+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, FRACTAL, FTP, FTS, G3, G4, GIF, GIF87, GRADIENT, GRAY, GRAYA, GROUP4, GV, H, HALD, HDR, HEIC, 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, 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, AVIF, XPM
ghostscript_version: 9.55.0 wp-server server_architecture: Linux 5.15.0-100-generic x86_64
httpd_software: Apache
php_version: 8.2.16 64bit
php_sapi: fpm-fcgi
max_input_variables: 3000
time_limit: 240
memory_limit: 256M
max_input_time: 60
upload_max_filesize: 120M
php_post_max_size: 125M
curl_version: 7.81.0 OpenSSL/3.0.2
suhosin: false
imagick_availability: true
pretty_permalinks: true
htaccess_extra_rules: false
current: 2024-03-18T21:40:08+00:00
utc-time: Monday, 18-Mar-24 21:40:08 UTC
server-time: 2024-03-18T22:40:08+01:00 wp-database extension: mysqli
server_version: 8.0.36-0ubuntu0.22.04.1
client_version: mysqlnd 8.2.16
max_allowed_packet: 67108864
max_connections: 1000 wp-constants WP_HOME: undefined
WP_SITEURL: undefined
WP_CONTENT_DIR: /data/web/web19974/home/site/web/wp-content
WP_PLUGIN_DIR: /data/web/web19974/home/site/web/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: Nicht definiert
WP_DEVELOPMENT_MODE: undefined
DB_CHARSET: utf8mb4
DB_COLLATE: undefined wp-filesystem wordpress: writable
wp-content: writable
uploads: writable
plugins: writable
themes: writable
mu-plugins: writable pll_options browser: 0: Detect browser language deactivated
rewrite: 1: Remove /language/ in pretty permalinks
hide_default: 1: Hide URL language information for default language
force_lang: 1: The language is set from the directory name in pretty permalinks
redirect_lang: 0: The front page URL contains the page name or page id instead of the language code
media_support: 1: The media are translated
sync: 0: Synchronization disabled
post_types: post, page, wp_block, attachment
taxonomies: category, post_tag
version: 3.5.4
default_lang: de
previous_version: 3.5.3
primary: de => 6 | en => 31
secondary_menu: de => 29 | en => 46
mobile_menu: de => 28 | en => 52
loggedin_account_menu: de => 0 | en => 0
footer_menu: de => 4 | en => 4 pll_language_de name: Deutsch
slug: de
term_group: 0
term_id: 15
locale: de_AT
is_rtl: 0
w3c: de-AT
facebook: de_DE
home_url: https://web19974.web13.mynet.at/
search_url: https://web19974.web13.mynet.at/
page_on_front: 8
page_for_posts: 0
flag_code: at
flag_url: https://web19974.web13.mynet.at/wp-content/plugins/polylang/flags/at.png
custom_flag_url: 0
active: true
fallbacks: 0
is_default: true
term_props:
language/term_id: 15
language/term_taxonomy_id: 15
language/count: 33
term_language/term_id: 16
term_language/term_taxonomy_id: 16
term_language/count: 2 pll_language_en name: English
slug: en
term_group: 0
term_id: 22
locale: en_GB
is_rtl: 0
w3c: en-GB
facebook: en_GB
home_url: https://web19974.web13.mynet.at/?page_id=2384&lang=en
search_url: https://web19974.web13.mynet.at/?lang=en
page_on_front: 2384
page_for_posts: 0
flag_code: gb
flag_url: https://web19974.web13.mynet.at/wp-content/plugins/polylang/flags/gb.png
custom_flag_url: 0
active: true
fallbacks: 0
is_default: 0
term_props:
language/term_id: 22
language/term_taxonomy_id: 22
language/count: 21
term_language/term_id: 23
term_language/term_taxonomy_id: 23
term_language/count: 1 pll_warnings wpml:
plugins/ocean-extra: /data/web/web19974/home/site/web/wp-content/plugins/ocean-extra/wpml-config.xml
themes/astra: /data/web/web19974/home/site/web/wp-content/themes/astra/wpml-config.xmlDie Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]
-
Hallo,
ich kann leider nicht nachvollziehen, wo der Abstand reduziert werden soll.
Kannst du bitte zur Klärung einen Screenshot hochladen, in dem du das möglichst entsprechend kennzeichnest:
https://de.wordpress.org/support/topic/wie-kann-man-bilder-in-einen-forenbeitrag-einfuegen/.Viele Grüße
Hans-GerdProbier bitte mal
@media (max-width: 544px) {
#page .site-content {
flex-grow: 0;
}
}Allgemeiner Hinweis: Für Fragen zu CSS gibt es besser geeignete Foren und es gibt keinen Anspruch, dass wir auf Zuruf CSS-Regeln zur Verfügung stellen.
Wow! Das war die Lösung. Vielen Dank!
- Das Thema „Mobiltelefon Version: Abstand zwischen Main und Footer“ ist für neue Antworten geschlossen.