Hello,
This old Code
My New Code is:
in file model/viewmodel/menu.php
I changed the following:
row: 61
row:71 delet "ul"
row 88:
current edition
How can I change the <li>
HTML:
<div class='ddmenu'>
<ul>
<li>
<a href='./vpet/index' class='hides'>Home
</a>
</li>
<li>
<a href='./vpet/index' class='hides'>Adoptables
</a>
<ul>
<li>
<a href='./vpet/adopt'>Adoption Center
</a></li><li>
<a href='./vpet/pound'>Pound Pool
</a></li><li>
<a href='./vpet/myadopts'>My Adopts
</a></li><li>
<a href='./vpet/promo'>Special Offer
</a></li>
</ul>
</li>
<li>
</ul>
</div>
My New Code is:
Code:
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<a class="navbar-brand" href="{$path}index">{$site_name}</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
{$menu}
</nav>
in file model/viewmodel/menu.php
I changed the following:
row: 61
PHP:
$menuList = new LinksList("ul class=\"navbar-nav mr-auto\"");
row 88:
PHP:
old
$this->division->setClass("ddmenu");
new
$this->division->setClass("collapse navbar-collapse");
current edition
HTML:
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<a class="navbar-brand" href="./portal/index">Portal</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class='collapse navbar-collapse'>
<ul class="navbar-nav mr-auto">
<li>
<a href='./portal/index' class='nav-link dropdown-toggle'>Home
</a>
</li>
<li>
<a href='./portal/index' class='nav-link dropdown-toggle'>Adoptables
</a>
<li>
<li>
<a href='./portal/adopt'>Adoption Center
</a></li><li>
<a href='./portal/pound'>Pound Pool
</a></li><li>
<a href='./portal/myadopts'>My Adopts
</a></li><li>
<a href='./portal/promo'>Special Offer
</a></li>
</li>
</li>
<li>
</ul>
</div>
How can I change the <li>
HTML:
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Adoptables
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="#">Adoption Center</a>
<a class="dropdown-item" href="#">Pound</a>
<a class="dropdown-item" href="#">Redeem</a>
</div>
</li>