Problem z dropdownem. Ten sam kod PHP generuje w dwóch przypadkach różny CSS.

Question

Przykład: https://www.freuciv.com/test/

Na pasku menu znajduje się przełącznik trybu ciemnego i jasnego. Po najechaniu kursorem myszy na niego, pojawia się lista rozwijana. Kod PHP tego przycisku to:

    <?php
    $bimber_class = array(
    	'g1-drop',
    	'g1-drop-nojs',
    	'g1-drop-before',
    	'g1-drop-the-skin',
    	'g1-drop-the-skin-' . bimber_get_theme_option( 'global', 'skin' ),
    );
    $bimber_class = array_merge(
    	$bimber_class,
    	explode( ' ', bimber_hb_get_element_class_from_settings( 'skin_dropdown', false ) )
    );
    $bimber_class = array_filter( $bimber_class );
    ?>
    <div class="<?php echo implode( ' ', array_map( 'sanitize_html_class', $bimber_class ) ); ?> g1-dropable g1-column">
    	<button class="g1-button-none g1-drop-toggle">
    		<span class="g1-drop-toggle-icon"></span><span class="g1-drop-toggle-text"><?php esc_html_e( 'Switch skin', 'bimber' ); ?></span>
    		<span class="g1-drop-toggle-arrow"></span>
    	</button>
    	<?php if ( bimber_get_theme_option( 'header_builder', 'element_content_skin_dropdown' ) ) : ?>
    		<div class="g1-drop-content">
    			<?php if ( 'dark' ===  bimber_get_theme_option( 'global', 'skin' ) ) : ?>
    				<p class="g1-skinmode-desc"><?php esc_html_e( 'Switch to the light mode that\'s kinder on your eyes at day time.', 'bimber' ); ?></p>
    				<p class="g1-skinmode-desc"><?php esc_html_e( 'Switch to the dark mode that\'s kinder on your eyes at night time.', 'bimber' ); ?></p>
    			<?php else : ?>
    				<p class="g1-skinmode-desc"><?php esc_html_e( 'Switch to the dark mode that\'s kinder on your eyes at night time.', 'bimber' ); ?></p>
    				<p class="g1-skinmode-desc"><?php esc_html_e( 'Switch to the light mode that\'s kinder on your eyes at day time.', 'bimber' ); ?></p>
    			<?php endif; ?>
    		</div>
    	<?php endif; ?>
    </div>
     
    <?php wp_enqueue_script( 'bimber-skin-mode' ); ?>

Skopiowałem ten kod i umieściłem go na środku strony. Dlaczego dropdown pojawia się tylko na górnym przełączniku? Zauważyłem, że div.g1-drop-content w drugim przypadku ma zupełnie inną listę stylów. Jaki jest tego powód?

Kolega ze StackOverflow sugeruje, że to ma związek z Bootstrap Tooltip. Nie do końca rozumiem o co mu chodzi. Dopisałem do przycisku klasę 'tooltip', ale to nic nie zmieniło.

Answer 1

Rozwiązane: http://forum.php.pl/index.php?s=d24d7679a96d28ea17ebdeae26ebd7d3&showtopic=267979