Profile: mohamedM

Problem: If I configure Toolset to load Bootstrap 4, my site's main navigation disappears, but when I disable Bootstrap 4, the contents of my View are not styled appropriately. How can I load Bootstrap 4 without losing my site navigation?

Solution: There seems to be a conflict between the Total theme and Bootstrap 4, specifically a CSS selector collision. The Total theme uses the CSS class "dropdown-menu" in the header, which is also used in Bootstrap's dropdown menu component. To fix the conflict, you can override the Bootstrap styles applied to the main menu with the following custom CSS:

ul#menu-main-menu {
    position: relative;
    display: block;
    border: none;
}

Relevant Documentation:
https://getbootstrap.com/docs/4.6/components/dropdowns/