Gallery items like menu

Hi. I need use gallery display in Quark template like menu...when i use <a href="..."> navigator recognize link, but it's not work (I must disconect class="gk-gallery", but dinamic effect don't work too).

This is gk-gallery css:

Code: Select all

.gk-cols {
  margin: 0 -20px;
  text-align: left;
  width: auto;
}
.gk-cols + .gk-cols {
  margin-top: 80px;
}
.gk-cols.gk-gallery {
  margin: 0 -10px;
}
.gk-cols.gk-gallery > div {
  padding: 0 10px;

}
.gk-cols.gk-gallery > div > a {
  display: block;
  margin: 0 0 20px 0;
}
.gk-cols.gk-gallery > div > a > img {
  display: block;
  height: auto;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
  width: 100%;
  will-change: opacity;
}
.gk-cols.gk-gallery > div > a:hover > img {
  opacity: 0.7;
}

Example: http://www.gastrosociologia.com/index.php/gallery

(With right button on mousse and clik open in a new window it's OK, not direct clik)

Many Thanks

This is html code in the web site:

Code: Select all

<div class="gk-cols gk-gallery" data-cols="3">
<div><a href="index.php/blog/item/337-5-claves-para-entender-por-que-comemos-asi"><img src="images/demo/restaurant-style/azucar.jpg" alt="Historia" width="334" height="334" /></a>...</div>

Hi

I'm afraid I do not understand. Can You please explain it a little better ?