Home>Support>Want menu to expand only on hover

Want menu to expand only on hover

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!

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 4 months, 2 days ago Andrew Misplon Hi, I Work Here

    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?

  2. 4 months, 2 days ago poulomi

    Yes, the issue persists.

  3. 4 months, 2 days ago poulomi

    and yes, the site and WordPress URL is exactly the same.

  4. 4 months, 2 days ago Andrew Misplon Hi, I Work Here

    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.

  5. 4 months, 2 days ago poulomi

    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.

  6. 4 months, 2 days ago Andrew Misplon Hi, I Work Here

    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.

  7. 4 months, 2 days ago poulomi

    I have Cloudflare activated through my Siteground hosting. I purged the cache. But still have the issue. Can you check again please?

  8. 4 months, 2 days ago poulomi

    I tried opening my site on a new browser. now my site doesn’t load properly at all :(

  9. 4 months, 2 days ago Andrew Misplon Hi, I Work Here

    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.

  10. 4 months, 2 days ago poulomi

    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?

  11. 4 months, 2 days ago Andrew Misplon Hi, I Work Here

    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.

  12. 4 months, 2 days ago poulomi

    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!

  13. 4 months, 2 days ago Andrew Misplon Hi, I Work Here

    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.

  14. 4 months, 2 days ago Andrew Misplon Hi, I Work Here

    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.

  15. 4 months, 2 days ago poulomi

    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?

  16. 4 months, 2 days ago Andrew Misplon Hi, I Work Here

    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.

  17. 4 months, 2 days ago poulomi

    Ok it works now…thanks a lot for all your help!

  18. 4 months, 2 days ago Andrew Misplon Hi, I Work Here

    Glad to hear that helped :) All the best.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More