This thread is resolved. Here is a description of the problem and solution.
Problem: After updating plugins, I am seeing an undesired hover effect on my main menu navigation elements with Divi active.
Solution:
A CSS override is necessary to prevent this hover effect:
#top-menu-nav>ul>li>a:hover, #top-menu-nav>ul>li>a:focus {
background: none;
}
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 12 replies, has 2 voices.
Last updated by Francisco Ramón Molina Busquiel 6 years, 5 months ago.
Assisted by: Christian Cox.
There is a serious problem in displaying the DIVI main menu.
If, for example, I have Toolset Views active, the hover of the menu options is shown as a square with background and the text of the selected option is not visible. If I disable all the Toolset plugins then everything works fine again.
Look at the screenshots.
Thanks for your help.
Best regards,
Francisco R.
I changed the Toolset configuration from 'Toolset should load Bootstrap 3.0' to 'This site is not using Bootstrap CSS', now the menu works correctly, however, on the page of any woocommerce product there is a blank margin between the header and the title of the page. Nor does it solve the problem that the page takes up the full width of the browser.
I thought these problems were only shown when using the EXTRA theme, but the DIVI theme does not work much better either.
I can not use DIVI or EXTRA with Toolset.
This is a real disaster. I can not work this way.
Either you solve these problems or it is impossible to work in this way. ????
Look at the screenshots.
These problems should be immediately communicated to the developers of Toolset to resolve them, I can not wait for the new version to appear to see if the problems are fixed or not, and have to wait for another version after the next to finish fixing the problems. In this way it is not possible to work.
In Elegant Themes every week is released a new version of DIVI and EXTRA with fixes and great improvements. The least the Toolset team could do is to put a new version with fixes every week.
Hi, I'm looking at the whitespace added into the header on your Product page, and when I look at the page source I can see a paragraph tag that seems to be causing this issue. In order to see why this extra paragraph tag is being added, I'll need to access your wp-admin area and check out your templates. If you agree, please provide login credentials to this site in the private reply fields here.
There is a style in Divi's style.dev.css file that adds padding-bottom to all p tags. If I disable this style, the whitespace goes away. So I'm confused about why enabling Toolset would have anything to do with the whitespace here. It seems that it would be shown regardless, but I do not fully understand how your styles are set up so I'm probably overlooking something. I'm attaching padding-bottom.png that shows the p style in the inspector, and the effects of disabling it. Here's the file that includes the padding-bottom for all p tags:
hidden link
If you'd like a CSS override that resolves this whitespace, you may try adding this:
.product-template-default #et-main-area p:first-child {
display: none;
}
I noticed that the paragraph tag does not appear in the header for the Servicios page, so the extra code is not needed here, but it does not cause any negative effects as far as I can tell.
