Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
Hi,
I have the Site Origin theme. weignitegrowth.com.
I have added a few pages to the ‘services’ section in the main menu. Now I want to add sub-pages to these main service pages.
But I want the sub-menu under these pages to expand and show only when I hover on the service item, not be displayed all the time.
So for example when I hover on ‘brand & marketing strategy’, only then it should show me the 2 sub-pages under it. Similarly for ‘website & SEO content’.
If I just hover on ‘services’, only the main 4 pages under it should show.
How do I do that, please? Thank you!
Hi :)
Try going to SettingsGeneral, do your Site and WordPress URL exactly match in every single way?
If they do, clear your caching plugin and Autoptimize and then temporarily deactivate all plugins not authored by SiteOrigin, does the issue persist?
Yes, the issue persists.
and yes, the site and WordPress URL is exactly the same.
Thanks for the update.
Please, clear your caching plugin and then deactivate it so we can get a better idea of what’s going on. Ideally, if you’re troubleshooting, it’s best to leave caching off and deactivated until the issue is resolved.
I did that again. Cleared and deactivated W3 Total Cache and Autooptimize. Both are still deactivated. Can you please check what the issue is? Thanks.
Is there caching at another level? Hosting caching or Cloudflare? Your site is still serving the cached files but the plugins aren’t in place. Have a look at your site on the front-end. In this state, we still can’t properly see all the basic page and theme information because the cached results are being served.
I have Cloudflare activated through my Siteground hosting. I purged the cache. But still have the issue. Can you check again please?
I tried opening my site on a new browser. now my site doesn’t load properly at all :(
What’s most likely happening is CloudFlare is showing cached pages. Those pages are then in turn cached by W3 Total Cache and compressed by Autoptimize. With those two plugins deactivated, all the files they link to are missing. You can re-activate your caching plugins but it’ll leave you in the same position as before. I can then show you the JavaScript errors in the console and you could try and work the issue from there. For us to investigate the issue, we need to see your site without caching or optimization plugins enabled, ideally to establish a working baseline which you can then test from.
ok, so now I purged the cache from Cloudflare, twice. Then I activated the plugins, and then cleared them and deactivated them again. So now everything is disabled. You can check now.
I mean it’s a simple thing, it should not be so complicated! If it works on this theme in general, it should automatically work with my simple site, correct?
What do you mean Javascript errors in the console?
Thanks for the update.
The version of your site that I can see is still cached. I’ll check again later to see if it has updated.
Here is how you can view the JavaScript errors on your site: https://wordpress.org/support/article/using-your-browser-to-diagnose-javascript-errors/#step-3-diagnosis. Those errors are most likely the reason your menu isn’t functioning normally.
The menu uses JavaScript (jQuery), caching or a plugin conflict within your WordPress install is breaking jQuery which means that the menu doesn’t function normally. Put another way, a normal WordPress dependency, jQuery, isn’t available on your site. As a result, scripts that depend on that asset aren’t working.
Ok please check a little later and see if you can fix it please. Why isn’t jQuery working on my site? What could be the reasons for any site’s jQuery not to be working?
And if it’s not, how is the rest of the website working fine, and only the menu isn’t? Bcos you said jquery is a normal WP dependency. Only that specific setting of the menu is dependent, or other sections of the site as well? Because except for the sub-sub menus, the other parts of the menu are working fine!
Why isn’t jQuery working on my site? What could be the reasons for any site’s jQuery not to be working?
Most likely one of your caching processes is causing the issue but it’s impossible to say without testing which is what we’re busy with. The jQuery console errors might not be related. We need to see a baseline site to begin testing.
And if it’s not, how is the rest of the website working fine, and only the menu isn’t? Bcos you said jquery is a normal WP dependency. Only that specific setting of the menu is dependent, or other sections of the site as well? Because except for the sub-sub menus, the other parts of the menu are working fine!
Not everything uses jQuery.
—
Ideally, before reaching out, it’s best to test your site with all non-SiteOrigin plugins deactivated and all caching disabled. That’ll provide you with a baseline and let you know whether it’s a SiteOrigin issue or whether a plugin conflict or caching is causing the issue. Here is a guide on that process Page: Identifying Plugin Issues.
Here is what it looks like on my end when inspecting your site in code view: https://imgur.com/a/2FwKRP6. W3 Total Cache is still activated, at least in the version of the site I’m viewing.
That’s strange. I activated and then deactivated it again now. Can you check now, at your end?
Now I have also deactivated all my plugins except the Site Origin ones. The issue still seems to remain. So it must be a SiteOrigin error?
At both AppearanceCustom CSS and CustomizeAdditional CSS, you’ve added:
nav.main-navigation ul li:hover ul { visibility: visible !important; opacity: 1 !important; }That Custom CSS rule is causing the issue.
Ok it works now…thanks a lot for all your help!
Glad to hear that helped :) All the best.