They say to deactivate all your plugins, clear your cache and CDN files, and then go into the Theme Panel and click on the Save Settings button.
I tried all these options and it didn’t work. The only way I was able to make it work was by hiding it via CSS. That purple gradient is actually the Mobile Menu background.
Here is the CSS code that I used to hide that background on the Desktop and Tablet versions of the site, while still having it show for Mobile Phones.
/* -==========================- DESKTOP -==========================- */
@media only screen and (min-width:1024px) {
.td-menu-background:before { display: none; }
}
/* -==========================- TABLET -==========================- */
@media only screen and (min-width:640px) and (max-width:1023px) {
.td-menu-background:before { display: none; }
}
If using a Child theme or editing the main theme, place that CSS at the very bottom of the Stylesheet (style.css). Again, this was the only way I was able to remove it while still allowing it to work on phones. Hope this helps you.
As you can see…by hiding it on the desktop version, it no longer shows. https://i.imgsafe.org/ef2118f.jpg
That did not work for me at all. Hopefully support can help
Hi,
I have checked your site but could not see any purple gradient on the desktop. I tested this on my end but could not find the issue. I see you made your mobile gradient transparent now so maybe that is why I cannot see it. Please revert to the “solid” color and try to disable all plugins as beermoney suggested.
If you still have issues with this please send us an email at contact@tagdiv.com and provide wp-admin so we can inspect this issue and find out why this happens. You should not have to use css to hide the mobile background for desktop as it should not bee there in the first place.
Thank you!
