Drop down menu stops working in cart view.

[Web Host Pro]

I know this is not a WHMCS issue and was just hoping someone here happens to know something about this issue.

I added a mega menu to my theme and now when I go to the cart or client section of WHMCS the menu stops working. It works on all the normal site pages.

Works fine here: https://webhost.pro/
Stops working in the cart: https://webhost.pro/cart.php?a=view

I just added some basic new code to the custom CSS file: 

 

/* Dropdown content (hidden by default) */
.dropdown-content1 {
/* csslint ignore:start */
 display: none;
 position: absolute;
/* csslint ignore:end */
  background-color: #f9f9f9;
  width: 100%;
  padding:20px 0px 20px 0px;
  z-index: 15;
}

.menu{background:#FFF;padding:35px 0;font-family:'Source Sans Pro',sans-serif}.menu .navbar-brand{padding:0}.menu .logo:hover{opacity:.5;transition:opacity .55s ease-in-out;-moz-transition:opacity .55s ease-in-out;-webkit-transition:opacity .55s ease-in-out}

.menu .navbar-nav .dropdown-menu{background:#FFF;margin-top:26px;border-radius:0;padding:0;border:1px solid #dedada;border-top:none}.menu .dropdown-item{color:#013d57;font-weight:600;font-size:12px;padding:10px 30px 10px 15px;text-transform:uppercase}

I also changed the header.tpl file to use the new CSS code: 

 

<!--Begin Main Menu Item-->
          </li><li class="nav-item .dropdown{if $category eq 'hosting'} active{/if}"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Services<i class="fas fa-fw fa-caret-down icon-dropdown"></i></a>
            <ul class="dropdown-menu dropdown-content1">
                    <div class="row"> 
                        <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12">
              <li><a class="dropdown-item" href="{$WEB_ROOT}/services/website-builder/"><i class="fas fa-fw fa-server"style="color:#585453"></i>Website Builder</a></li>
                
              <li><a class="dropdown-item" href="{$WEB_ROOT}/services/web-hosting/"><i class="fas fa-fw fa-server"style="color:#585453"></i>CPanel Web Hosting</a></li>
                
              <li><a class="dropdown-item" href="{$WEB_ROOT}/services/reseller-hosting/"><i class="fas fa-fw fa-users"style="color:#585453"></i>Reseller Hosting</a></li>
              <li><a class="dropdown-item" href="{$WEB_ROOT}/services/vps-hosting/"><i class="fas fa-fw fa-tachometer-alt"style="color:#585453"></i>VPS Hosting</a></li>
              <li><a class="dropdown-item" href="{$WEB_ROOT}/services/dedicated-servers/"><i class="fas fa-fw fa-tachometer-alt"style="color:#585453"></i>Dedicated Servers</a></li>
              <li><a class="dropdown-item" href="{$WEB_ROOT}/domainchecker.php"><i class="fas fa-fw fa-globe"style="color:#585453"></i>Register a domain name</a></li>
		  <li><a class="dropdown-item" href="{$WEB_ROOT}/cart.php?a=add&domain=transfer"><i class="fas fa-fw fa-globe"style="color:#585453"></i>Transfer a domain name</a></li>
                <li><a class="dropdown-item" href="https://webhost.pro/services/ssl-certificates/"><i class="fas fa-fw fa-lock"style="color:#585453"></i>SSL certificates</a></li></div>
                            <div class="col-lg-8 col-md-6 col-sm-12 col-xs-12">
                <section class="heromenu img-fluid"></div></ul></li>
          <!--End Main Menu Item--> 

 

I keep removing stuff to see what's causing it but nothing seems to let the menu work again in the cart section. I did not change anything in the cart files.

Thanks for any help, I'm stumped!

[bear]

Disabling this allows it to work:
/templates/CloudSave/libraries/zumada/bridge.min.css

[Web Host Pro]

Ah ha, that is the file causing the conflict. I can't disable the file because there's a lot of stuff needed in there. But I found the part causing the issue thanks to you! Thanks 🙂

.bridge .dropdown,.bridge .dropleft,.bridge .dropright,.bridge .dropup{position:relative}.bridge .dropdown-toggle{white-space:nowrap}.bridge .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.bridge .dropdown-toggle:empty::after{margin-left:0}.bridge .dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.bridge .dropdown-menu-left{right:auto;left:0}.bridge .dropdown-menu-right{right:0;left:auto}@media (min-width:576px){.bridge .dropdown-menu-sm-left{right:auto;left:0}.bridge .dropdown-menu-sm-right{right:0;left:auto}}@media (min-width:768px){.bridge .dropdown-menu-md-left{right:auto;left:0}.bridge .dropdown-menu-md-right{right:0;left:auto}}@media (min-width:992px){.bridge .dropdown-menu-lg-left{right:auto;left:0}.bridge .dropdown-menu-lg-right{right:0;left:auto}}@media (min-width:1200px){.bridge .dropdown-menu-xl-left{right:auto;left:0}.bridge .dropdown-menu-xl-right{right:0;left:auto}}

 

 

[bear]

No problem, glad you located it. 🙂