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 'g1-drop', 'g1-drop-nojs', 'g1-drop-before', 'g1-drop-the-skin', 'g1-drop-the-skin-' . bimber_get_theme_option( 'global', 'skin' ), ); $bimber_class, ); ?> <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.
Rozwiązane. Brakowało klasy "g1-dropable".