The theme is based on Bootstrap 5, maybe that’s what makes it incompatible? Can you help me please ?

thank you

.woocommerce-billing-fields .form-row,
.woocommerce-shipping-fields .form-row,
.woocommerce form .form-row {
  display: block;
}

.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
  max-width: unset;
}

I also added the below styles to fix the address broken styles when I visit: https://example.com/my-account/edit-address/:

.woocommerce-Addresses {
    display: block !important;
}

.woocommerce-Address-title > * {
    display: block !important;
}

One conflict that remains unresolved with the above configuration is the broken page of my account on the below URL when the user is not signed in:
https://example.com/my-account/

I have two questions:
1. How can I get the styles of https://example.com/my-account/ page corrected when using bootstrap 4?
2. This solution does not fully work with bootstrap 5.1.3. Using bootstrap 5.1.3 with the above custom styles applied produces a broken checkout page but it gives correct styles to:
https://example.com/my-account/edit-address/
https://example.com/my-account/ –> Was corrected by using bootstrap 5.1.3 without any custom CSS.
The question: How can I correct the checkout page styles when using bootstrap 5.1.3?

P.s. I reposted this in WooCommerce thread as it is related to WooCommerce and not to Amzon pay. Sorry. You can delete this post but keep the other one.

Thank you for an awesome theme.

So if you don’t use bootstrap you have no problem (or you use version 3).

The plugin itself works and displays nicely. Too bad I can’t use it.

There is a dark and light mode switch on the menu bar. When you hover the mouse over it, a dropdown appears. The PHP code of this button is:

<?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' ); ?>

I copied this code and put it in the middle of the page. Why does the dropdown only appear at the top switch? I noticed that div.g1-drop-content in the second case has a completely different style list. What is the reason for this?

A colleague from StackOverflow suggests it has to do with Bootstrap Tooltip. I don’t quite understand what he means. I added a tooltip class to the button, but that didn’t change anything.

I have tried a few suggestions I found on here that said to put margin-bottom: 60px; Thinking I may have put it in the wrong place though.

I am using the latest bootstrap 4 with the latest wordpress.

Thanks in advance! I am new to development in general and this is my first forray into hand made wordpress sites.