This thread is resolved. Here is a description of the problem and solution.
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/
This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.
Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.
| Sun | Mon | Tue | Wed | Thu | Fri | Sat |
|---|---|---|---|---|---|---|
| 8:00 – 12:00 | 8:00 – 12:00 | 8:00 – 12:00 | 8:00 – 12:00 | 8:00 – 12:00 | - | - |
| 13:00 – 17:00 | 13:00 – 17:00 | 13:00 – 17:00 | 13:00 – 17:00 | 13:00 – 17:00 | - | - |
Supporter timezone: America/New_York (GMT-04:00)
This topic contains 2 replies, has 2 voices.
Last updated by 3 years, 11 months ago.
Assisted by: Christian Cox.
Tell us what you are trying to do?
I'm trying to use content templates and views to create a product directory on my site, and I should use the option "Toolset should load Bootstrap 4" in order for my design to work properly, the issue is whenever i activate this option the menu of my site get disappeared (check the "hidden menu" screenshot), and when I deactivate it, the menu works normally but my design get corrupted (check the "corrupted design" screenshot), so there is a conflict, how to solve this issue?
Is there any documentation that you are following?
Is there a similar example that we can see?
Check the screenshots
What is the link to your site?
hidden link
