Jump to content

How to add dropdown navbar to my WHMCS theme?


Ironside424

Recommended Posts

Might be in the wrong section, sorry in advance!

 

I have tried making my header navbar dropdown on button click, so i can have more features/links added, i tried using the WHMCS Guide to add a dropdown, but it messed up the whole site.  So far i find solutions to everything, but i cant in my mind figure out how to add a drop down menu in the header code:

<!DOCTYPE HTML>
<html lang="en-GB">
<head>
    <meta charset="{$charset}" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>{if $kbarticle.title}{$kbarticle.title} - {/if}{$pagetitle} - {$companyname}</title>
    {include file="$template/includes/head.tpl"}
    {$headoutput}
</head>
<body data-phone-cc-input="{$phoneNumberInputStyle}">
{$headeroutput}
<div class="headercon">
  <div class="wrapper group">
    <div class="headerbox">
      <div class="logo"><a href="{$WEB_ROOT}/index.php"><img src="{$WEB_ROOT}/templates/{$template}/assets/img/logo.png" srcset="{$WEB_ROOT}/templates/{$template}/assets/img-retina/logo@2x.png 2x" alt="Logo" /></a></div>
      <div class="menubox" id="menu_area">
        <nav id="main-nav">
          <ul id="menu">
            <li{if $filename eq 'index'} class="current"{/if}><a href="{$WEB_ROOT}/index.php">Home</a>
            </li>
            <li{if $filename eq 'website-hosting'} class="current"{/if}><a href="{$WEB_ROOT}/website-hosting.php">Web Hosting</a>
            </li>
			<li><a href="{$WEB_ROOT}m/wordpress-hosting.php">Wordpress Hosting</a></li>
			  <li><a href="{$WEB_ROOT}/cart.php?a=add&domain=register">Domains</a></li>
            <li{if $filename eq 'clientarea'} class="current"{/if}><a href="{$WEB_ROOT}/clientarea.php">Client Area</a>
            </li>
            <li{if $filename eq 'contact'} class="current"{/if}><a href="{$WEB_ROOT}/contact.php">Contact Us</a>
            </li>
			
          </ul>
        </nav>
      </div>
    </div>
  </div>
</div>

As you can see above , the navbar is where the {$WEB_ROOT} links are to the pages. I have tried adding code there from WHMCS guides that adds a dropdown, it works on every other theme, however on my current used theme, the dropdown does not dropdown but shows everything instead. 

 

Any tips on how to add a dropdown, to for example the "domains" tab?

 

thanks in advance

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...

Important Information

By using this site, you agree to our Terms of Use & Guidelines and understand your posts will initially be pre-moderated