tag a non funziona
Buongiorno a tutti,
sto proseguendo con la mia app drupal, ed ora sto avendo il seguente problema.
Come prima cosa ho scaricato i file di bootstrap-italia.css ed aggiunto il file .css al progetto,
Poi dato che sto facendo l'header della pagina sono andato a tale indirizzo e copiato il codice per poi poterlo personalizzare
https://italia.github.io/bootstrap-italia/docs/menu-di-navigazione/heade...
Ho dovuto copiare l'header intitolata versione completa!
E fin qua tutto ok, però quando aggiungo il menu in alto a destra nello slim header, il menu si vede correttamente però perde i click sulle voci di menu, si perde il tag a perchàìè?
Facendo delle prove ho visto che il problema sorge all'interno del div secondo div
<div class="it-header-slim-wrapper-content">
mentre se metto il tag a nei primi due div, il collegamento è visto corettamente!!!
Da che può dipendere tutto questo?
Questo è il mio codice personalizzato:
<div class="it-header-wrapper it-header-stick">
<div class="it-header-slim-wrapper">
<div class="container">
<div class="row">
<div class="col-12">
<div class="it-header-slim-wrapper-content">
<a class="d-none d-lg-block navbar-brand" href="#">{{ site_name }}</a>
<div class="nav-mobile">
<nav>
<a class="it-opener d-lg-none" data-toggle="collapse" href="#menu4" role="button" aria-expanded="false" aria-controls="menu4">
<span>{{ site_name }}</span>
<svg class="icon">
<use xlink:href="/bootstrap-italia/dist/svg/sprite.svg#it-expand"></use>
</svg>
</a>
<div class="link-list-wrapper collapse" id="menu4">
<ul class="link-list">
{% for item in menuOperatore %}
<li style="margin-left:2%;width:200px"><a class="list-item linkMenuOperatore" href="{{ item.link }}">{{ item.title }}</a></li>
{% endfor %}
</ul>
</div>
</nav>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="it-nav-wrapper">
<div class="it-header-center-wrapper">
<div class="container">
<div class="row">
<div class="col-12">
<div class="it-header-center-content-wrapper">
<div class="it-brand-wrapper">
<a href="#">
<img class="img-fluid d-inline-block align-top" src="/{{ active_theme_path() }}/logo-dati-nuovo.png">
<div class="it-brand-text">
<h2 class="no_toc" style="color:#fff">{{ site_slogan }}</h2>
<h3 class="no_toc d-none d-md-block" style="color:#fff">i dati aperti della pubblica amministrazione</h3>
</div>
</a>
</div>
<div class="it-right-zone">
<div class="it-search-wrapper">
<span class="d-none d-md-block">Cerca nel sito</span>
<a class="search-link rounded-icon" aria-label="Cerca" href="#">
<svg class="icon">
<use xlink:href="/bootstrap-italia/dist/svg/sprite.svg#it-search"></use>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="it-header-navbar-wrapper">
<div class="container">
<div class="row">
<div class="col-12">
<!--start nav-->
<nav class="navbar navbar-expand-lg has-megamenu">
<button class="custom-navbar-toggler" type="button" aria-controls="nav02" aria-expanded="false" aria-label="Toggle navigation" data-target="#nav02">
<svg class="icon">
<use xlink:href="/bootstrap-italia/dist/svg/sprite.svg#it-burger"></use>
</svg>
</button>
<div class="navbar-collapsable" id="nav02" style="display: none;">
<div class="overlay" style="display: none;"></div>
<div class="close-div sr-only">
<button class="btn close-menu" type="button"><span class="it-close"></span>close</button>
</div>
<div class="menu-wrapper">
<ul class="navbar-nav">
<li class="nav-item dropdown megamenu">
<a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-expanded="false">
<span>Dati</span>
<svg class="icon icon-xs">
<use xlink:href="/bootstrap-italia/dist/svg/sprite.svg#it-expand"></use>
</svg>
</a>
<div class="dropdown-menu">
<div class="row">
{% for key,value in megamenu %}
<div class="col-4 col-lg-4">
<div class="link-list-wrapper">
<ul class="link-list">
<li style="width:auto">
<h5 class="no_toc" style="color:#0066cc;font-family:'Titillium Web';font-size:15px">{{ key }}</h5>
{% for link in value %}
<a href="#" class="voceMegaMenu">{{ link.voce }}</a>
{% endfor %}
</li>
</ul>
</div>
</div>
{% endfor %}
</div>
</div>
</li>
</ul>
</div>
</div>
</nav>
</div>
</div>
</div>
</div>
</div>
</div>
Grazie mille
