Footer soll bei kürzerem Content nicht nach oben rutschen
-
Hallo,
ich möchte vermeiden, das der Footer bei kürzeren Content nach oben rutscht, wie in der Desktopdarstellung auf der Startseite. Er soll immer ganz am unteren Rand stehen. Allerdings möchte ich keinen Sticky-Footer. Der Footer soll scrollbar bleiben. Gibt es dafür eine einfache Lösung?
<br>### wp-core ###<br><br>version: 6.6.2<br>site_language: de_DE<br>user_language: de_DE<br>timezone: +00:00<br>permalink: /%category%/%postname%/<br>https_status: true<br>multisite: false<br>user_registration: 0<br>blog_public: 1<br>default_comment_status: undefined<br>environment_type: production<br>user_count: 1<br>dotorg_communication: true<br><br>### wp-paths-sizes ###<br><br>wordpress_path: /homepages/19/d4298524515/htdocs/clickandbuilds/xmaks<br>wordpress_size: 228,89 MB (240011871 bytes)<br>uploads_path: /homepages/19/d4298524515/htdocs/clickandbuilds/xmaks/wp-content/uploads<br>uploads_size: 554,29 MB (581216311 bytes)<br>themes_path: /homepages/19/d4298524515/htdocs/clickandbuilds/xmaks/wp-content/themes<br>themes_size: 2,61 MB (2740258 bytes)<br>plugins_path: /homepages/19/d4298524515/htdocs/clickandbuilds/xmaks/wp-content/plugins<br>plugins_size: 117,95 MB (123679179 bytes)<br>fonts_path: /homepages/19/d4298524515/htdocs/clickandbuilds/xmaks/wp-content/uploads/fonts<br>fonts_size: 808,53 kB (827931 bytes)<br>database_size: 23,19 MB (24313856 bytes)<br>total_size: 927,72 MB (972789406 bytes)<br><br>### wp-active-theme ###<br><br>name: GeneratePress (generatepress)<br>version: 3.5.1<br>author: Tom Usborne<br>author_website: https://tomusborne.com<br>parent_theme: none<br>theme_features: core-block-patterns, widgets-block-editor, automatic-feed-links, post-thumbnails, post-formats, woocommerce, title-tag, html5, customize-selective-refresh-widgets, align-wide, responsive-embeds, editor-color-palette, custom-logo, menus, editor-styles, editor-style, widgets<br>theme_path: /homepages/19/d4298524515/htdocs/clickandbuilds/xmaks/wp-content/themes/generatepress<br>auto_update: Deaktiviert<br><br>### wp-mu-plugins (2) ###<br><br>WordPress automation by Installatron: author: (undefined), version: (undefined)<br>WP STAGING Optimizer: version: 1.5.8, author: WP STAGING<br><br>### wp-plugins-active (19) ###<br><br>Better Search Replace: version: 1.4.7, author: WP Engine, Automatische Aktualisierungen aktiviert<br>Custom 404 Pro: version: 3.12.0, author: Kunal Nagar, Automatische Aktualisierungen aktiviert<br>FluentSMTP: version: 2.2.81, author: FluentSMTP & WPManageNinja Team, Automatische Aktualisierungen aktiviert<br>Folders: version: 3.0.6, author: Premio, Automatische Aktualisierungen aktiviert<br>Local Google Fonts: version: 0.22.0, author: EverPress, Automatische Aktualisierungen aktiviert<br>Modula: version: 2.11.0, author: WPChill, Automatische Aktualisierungen aktiviert<br>Page Builder by SiteOrigin: version: 2.30.0, author: SiteOrigin, Automatische Aktualisierungen deaktiviert<br>Real-Time Find and Replace: version: 4.3, author: Marios Alexandrou, Automatische Aktualisierungen aktiviert<br>Redirection: version: 5.5.0, author: John Godley, Automatische Aktualisierungen aktiviert<br>SiteOrigin CSS: version: 1.5.11, author: SiteOrigin, Automatische Aktualisierungen aktiviert<br>SiteOrigin Widgets Bundle: version: 1.63.4, author: SiteOrigin, Automatische Aktualisierungen aktiviert<br>Spectra: version: 2.16.2, author: Brainstorm Force, Automatische Aktualisierungen aktiviert<br>SVG Support: version: 2.5.8, author: Benbodhi, Automatische Aktualisierungen aktiviert<br>WordPress Importer: version: 0.8.3, author: wordpressdotorg, Automatische Aktualisierungen aktiviert<br>wp-Typography: version: 5.9.1, author: Peter Putzer, Automatische Aktualisierungen aktiviert<br>WP Fastest Cache: version: 1.3.1, author: Emre Vona, Automatische Aktualisierungen aktiviert<br>WPForms Lite: version: 1.9.1.5, author: WPForms, Automatische Aktualisierungen aktiviert<br>WP STAGING WordPress Backup Plugin - Backup Duplicator & Migration: version: 3.9.0, author: WP-STAGING, WPStagingBackup, Automatische Aktualisierungen aktiviert<br>Yoast SEO: version: 23.7, author: Team Yoast, Automatische Aktualisierungen aktiviert<br><br>### wp-media ###<br><br>image_editor: WP_Image_Editor_GD<br>imagick_module_version: Nicht verfügbar<br>imagemagick_version: Nicht verfügbar<br>imagick_version: Nicht verfügbar<br>file_uploads: 1<br>post_max_size: 64M<br>upload_max_filesize: 64M<br>max_effective_size: 64 MB<br>max_file_uploads: 20<br>gd_version: 2.3.0<br>gd_formats: GIF, JPEG, PNG, WebP, BMP, XPM<br>ghostscript_version: 9.53.3<br><br>### wp-server ###<br><br>server_architecture: Linux 4.4.400-icpu-101 x86_64<br>httpd_software: Apache<br>php_version: 8.2.24 64bit<br>php_sapi: cgi-fcgi<br>max_input_variables: 5000<br>time_limit: 50000<br>memory_limit: -1<br>max_input_time: -1<br>upload_max_filesize: 64M<br>php_post_max_size: 64M<br>curl_version: 7.74.0 OpenSSL/1.1.1w<br>suhosin: false<br>imagick_availability: false<br>pretty_permalinks: true<br>htaccess_extra_rules: true<br>current: 2024-10-28T16:53:46+00:00<br>utc-time: Monday, 28-Oct-24 16:53:46 UTC<br>server-time: 2024-10-28T16:53:45+00:00<br><br>### wp-database ###<br><br>extension: mysqli<br>server_version: 10.6.15-MariaDB-log<br>client_version: mysqlnd 8.2.24<br>max_allowed_packet: 67108864<br>max_connections: 3000<br><br>### wp-constants ###<br><br>WP_HOME: undefined<br>WP_SITEURL: undefined<br>WP_CONTENT_DIR: /homepages/19/d4298524515/htdocs/clickandbuilds/xmaks/wp-content<br>WP_PLUGIN_DIR: /homepages/19/d4298524515/htdocs/clickandbuilds/xmaks/wp-content/plugins<br>WP_MEMORY_LIMIT: 40M<br>WP_MAX_MEMORY_LIMIT: -1<br>WP_DEBUG: false<br>WP_DEBUG_DISPLAY: true<br>WP_DEBUG_LOG: false<br>SCRIPT_DEBUG: false<br>WP_CACHE: false<br>CONCATENATE_SCRIPTS: undefined<br>COMPRESS_SCRIPTS: undefined<br>COMPRESS_CSS: undefined<br>WP_ENVIRONMENT_TYPE: Nicht definiert<br>WP_DEVELOPMENT_MODE: undefined<br>DB_CHARSET: utf8<br>DB_COLLATE: undefined<br><br>### wp-filesystem ###<br><br>wordpress: writable<br>wp-content: writable<br>uploads: writable<br>plugins: writable<br>themes: writable<br>fonts: writable<br>mu-plugins: writable<br><br>### wpforms ###<br><br>version: 1.9.1.5<br>lite: 18/10/2024 um 9:52 am Uhr<br>upload_dir: Beschreibbar<br>total_forms: 1<br>total_submissions: 15<br><br>### modula ###<br><br>core_version: Core version 2.11.0<br>requested_php: PHP minimum version met<br>requested_wp: WordPress minimum version met. Current version: 6.6.2<br>galleries_number: Total number of galleries: 9<br>enqueue_files: Enqueue files disabled<br>grid_type: No grid type selected<br>lightboxes: No lightbox selected<br>modula_lazyload: No general lazyload<br>modula_edit_gallery_link: Edit gallery link enabled<br>modula_disable_srcset: srcset is enabled<br><br>
Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]
-
Probiers mal damit:
#page { min-height: calc(100vh - 272px); }
.site-footer { height: 154px; }Einfügen unter Design > Customizer > Zusätzliches CSS.
In meiner Simulation eben klappte das ganz gut. Weitere Alternativen mit individuellem CSS findest Du hier: https://css-tricks.com/couple-takes-sticky-footer/
Alternativ kannst Du dich auch an den Support deines Themes GeneratePress wenden: https://wordpress.org/support/theme/generatepress/
Funktioniert wunderbar. Vielen Dank.
- Du musst angemeldet sein, um auf dieses Thema zu antworten.