Weißer Balken über Menü (Avada)

dominik_pwa

Hallo zusammen,

über meinem Menü habe ich einen weißen Balken, den ich auch nach langem probieren und googeln nicht weg bekomme. Dieser findet sich auf allen Seiten der Homepage.

Ich habe sowohl in Avada top padding for header auf 0px als auch auf den Seiten das Content Padding auf 0px. Auch Container Margin des obersten Containers ist auf 0%. Container Border Size 0.

Ich nutze Avada in der neuesten Version (6.2.2) als auch die neueste WP Version (5.5.1)

Es handelt sich um die Webseite: http://www.parkwohnanlage.de

Wo kann ich noch suchen?

Vielen Dank für eure Hilfe,
Dominik

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Henk1060

hy,

da stimmt etwas nicht.
Wurde in einer php datei etwas gändert per hand oder mit einen Modul.

war das problem auch schon vor dem caching modul?

SEpp55

Schalte mal Autoptimize aus!!!
Da gibts ein ein main#main: margin 40px; da muß raus!

Ggf im Customizer in den Zusätzlichen CSS:

Code

main#main {
  margin: 0;
}

dominik_pwa

Vielen Dank euch beiden erstmal für eure Antworten.

Zitat von Henk1060

hy,
da stimmt etwas nicht.
Wurde in einer php datei etwas gändert per hand oder mit einen Modul.
war das problem auch schon vor dem caching modul?

Ich hatte vorher WP Rocket. Hier hatte ich schon das gleiche Problem.
Da ich das Problem schon länger habe, kann ich die Frage zur PHP Datei nicht mit Gewissheit beantworten.

Hier mal mein header.php

PHP

<?php
/**
 * Header template.
 *
 * @package Avada
 * @subpackage Templates
 */


// Do not allow directly accessing this file.
if ( ! defined( 'ABSPATH' ) ) {
    exit( 'Direct script access denied.' );
}
?>
<!DOCTYPE html>
<html class="<?php avada_the_html_class(); ?>" <?php language_attributes(); ?>>
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <?php Avada()->head->the_viewport(); ?>


    <?php wp_head(); ?>


    <?php
    /**
     * The setting below is not sanitized.
     * In order to be able to take advantage of this,
     * a user would have to gain access to the database
     * in which case this is the least of your worries.
     */
    echo apply_filters( 'avada_space_head', Avada()->settings->get( 'space_head' ) ); // phpcs:ignore WordPress.Security.EscapeOutput
    ?>
</head>


<?php
$object_id      = get_queried_object_id();
$c_page_id      = Avada()->fusion_library->get_page_id();
$wrapper_class  = 'fusion-wrapper';
$wrapper_class .= ( is_page_template( 'blank.php' ) ) ? ' wrapper_blank' : '';
?>
<body <?php body_class(); ?> <?php fusion_element_attributes( 'body' ); ?>>
    <?php do_action( 'avada_before_body_content' ); ?>
    <a class="skip-link screen-reader-text" href="#content"><?php esc_html_e( 'Skip to content', 'Avada' ); ?></a>


    <div id="boxed-wrapper">
        <div class="fusion-sides-frame"></div>
        <div id="wrapper" class="<?php echo esc_attr( $wrapper_class ); ?>">
            <div id="home" style="position:relative;top:-1px;"></div>
            <?php avada_header_template( 'below', ( is_archive() || Avada_Helper::bbp_is_topic_tag() ) && ! ( class_exists( 'WooCommerce' ) && is_shop() ) ); ?>
            <?php if ( 'left' === fusion_get_option( 'header_position' ) || 'right' === fusion_get_option( 'header_position' ) ) : ?>
                <?php avada_side_header(); ?>
            <?php endif; ?>


            <?php avada_sliders_container(); ?>


            <?php avada_header_template( 'above', ( is_archive() || Avada_Helper::bbp_is_topic_tag() ) && ! ( class_exists( 'WooCommerce' ) && is_shop() ) ); ?>


            <div class="avada-page-titlebar-wrapper">
                <?php avada_current_page_title_bar( $c_page_id ); ?>
            </div>


            <?php
            $row_css    = '';
            $main_class = '';


            if ( apply_filters( 'fusion_is_hundred_percent_template', false, $c_page_id ) ) {
                $row_css    = 'max-width:100%;';
                $main_class = 'width-100';
            }


            if ( fusion_get_option( 'content_bg_full' ) && 'no' !== fusion_get_option( 'content_bg_full' ) ) {
                $main_class .= ' full-bg';
            }
            do_action( 'avada_before_main_container' );
            ?>
            <main id="main" class="clearfix <?php echo esc_attr( $main_class ); ?>">
                <div class="fusion-row" style="<?php echo esc_attr( $row_css ); ?>">

Alles anzeigen

...daraus werde ich aber auch nicht schlau.

Zitat von SEpp55
Schalte mal Autoptimize aus!!!
Da gibts ein ein main#main: margin 40px; da muß raus!

Ggf im Customizer in den Zusätzlichen CSS:
Code
main#main {
  margin: 0;
}

Auch ein Abschalten von Autoptimize brachte leider nichts. Da ich vorher WP Rocket verwendet habe mit gleichem Problem kann ich das Plugin eigtl ausschließen. Den zusätzlichen CSS Code habe ich, auch in Kombination mit der Deaktivierung von Autoptimize, ausprobiert. Keine Änderung.

Könnt ihr aus dem header.php etwas herauslesen? Wären andere *.php noch interessant zu betrachten?

Vielen Dank euch & Liebe Grüße,
Dominik

SEpp55

Den Code kannst du mit einer original Avada-header.php (sowie alle anderen php-Files auch) vergleichen. Ich kaufe mir des Theme deswegen nicht.
Du hast ja den besch.....eidenen Optimizer sofort wieder aktiviert. Schaue dir mal den Quellcode deiner Seite (STRG+U) mit und ohne aktivierten Autoptimizer an. Dann siehst du vielleicht warum der zur Fehlersuche ausgeschaltet sein soll.
..... und den Code könntest du auch in den Zusätzlichen CSS belassen, um zu sehen warum das nicht wirkt.
Temporär wirke es:

SEpp55

dominik_pwa

Hey SEpp,

ich lasse jetzt das Plugin deaktiviert und habe auch den CSS Schnipsel belassen. Vielleicht findest du ja adhoc nun das Problem. Ansonsten bleibt mir nichts anderes übrig als tatsächlich die original php files zu vergleichen.

VG

Henk1060

Zitat von dominik_pwa

ich lasse jetzt das Plugin deaktiviert

ist doch noch immer an

b3317133

Die HTML-Struktur der Seite scheint defekt zu sein, es wird beim Betrachten des Quelltextes mit Firefox z.B. am Ende der Seite in rot ein schliessendes [FONT=Courier New]</div>[/FONT] Element ohne öffnendes Elemente markiert. Sowas sollte man wohl als erstes lösen, bevor man sich CSS überhaupt nur anschaut.

Bei weiterem Durchscrollen des Quelltextes sieht man, dass auch im Bereich [FONT=Courier New]fusion-copyright-notice[/FONT] defektes HTML rot markiert ist, auch das kann und wird wohl Auswirkungen haben.

Henk1060

das main#main kommt von einen modul wp edit passwort

CSS

main#main {
    margin: 0px 0 !important;
}

das unter zusätzliche css einfügen, dann muss es klappen

dominik_pwa

Danke euch. Es lag tatsächlich am WP Edit Passwort Plugin.

Zitat von b3317133

Die HTML-Struktur der Seite scheint defekt zu sein, es wird beim Betrachten des Quelltextes mit Firefox z.B. am Ende der Seite in rot ein schliessendes [FONT=Courier New]</div>[/FONT] Element ohne öffnendes Elemente markiert. Sowas sollte man wohl als erstes lösen, bevor man sich CSS überhaupt nur anschaut.

Ich hoffe damit ist dieses Problem auch gelöst?

Viele Grüße

b3317133

Zitat von dominik_pwa

.. damit ist dieses Problem auch gelöst?

Öffne die Seite im Firefox Browser, wähle z.B. mit der rechten Maustaste die Funktion "Seitenquelltext anzeigen", schau Dir den Quelltext an...

Leider sind Optimier-, Minify- und/oder Cache-Plugins aktiv, bin daher hier raus.

Evtl. würde es sich empfehlen, die Person anzusprechen, die die Seite ursprünglich erstellt und eingerichtet hat, die kennt die Strukturen bzw. weiss wo/wie Änderungen gemacht wurden bzw. kann ggf. auch fehlerhaftes HTML im Seitenquelltext identifizieren.

dominik_pwa

Tut mir leid, dachte das /div Thema ist unabhängig davon. Habe diese alle also nochmal deaktiviert.

Leider bin ich derjenige, der die Seite aufgebaut hat. Allerdings mit standard Designtemplates. In meinem Fall Avada und ein paar Plugins...

SEpp55

Als nächstes solltest du die schlecht umgesetzte Umstellung auf https bereinigen!!!

dominik_pwa

Hi, das kam durch die Abschaltung eines HTTP Header Plugins. Sollte jetzt wieder verschwunden sein.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Weißer Balken über Menü (Avada)

Jetzt mitmachen!