Monday, October 14, 2019 1:49:33 PM

Mega Menu with imagens in a row!

5 years ago
#1380 Quote
HI,

I have a mega menu with photos and links simultaneously, but when I insert more items on it, the menu become a column instead of a row. Is There a way to make sure that those itens will stay in line like on the default theme "Custom Item"?. See my code on the back-end please:

<li>
<a style="cursor:default" href="http://c-vida.azurewebsites.net/blog">Atletas</a>
  <ul>
    <li>
          <a href="http://c-vida.azurewebsites.net/akira-utida"><img style="margin:15px 0 0 -10px; width:170px; height:auto;" src="https://fbcdn-sphotos-g-a.akamaihd.net/hphotos-ak-ash3/t1/547146_370545126349980_473740990_n.jpg"/>Akira Utida<hr width=90% noshade>
         </a>
         <a href="http://c-vida.azurewebsites.net/akira-utida"><img style="margin:15px 0 0 -10px; width:170px; height:auto" src="https://scontent-b-iad.xx.fbcdn.net/hphotos-prn2/t1/1601269_276108545872218_1296969321_n.jpg">Luis Fernando<hr width=90% noshade>
         </a>
<a href="http://c-vida.azurewebsites.net/akira-utida"><img style="margin:15px 0 0 -10px; width:170px; height:auto" src="https://fbcdn-sphotos-e-a.akamaihd.net/hphotos-ak-prn2/t1/1384000_450713911705337_1336519309_n.jpg">Augusto Gobbi<hr width=90% noshade>
         </a>
    </li>
  </ul>
</li>

Link: c-vida.azurewebsites.net / / Button "Atletas"

Thank you!

Guilherme Marin.
0
5 years ago
#1382 Quote
Hello,
Please place each link into <li> tag (you can use more then one column in admin).

Nice integration :)
0
Thank you for choosing our products!
5 years ago
#1389 Quote
Thanks for responding =). I tried the way you told me but it did not work yet, after that I also changed the number of columns to 3, but nothing happened. Here is my code:

<li>
<a style="cursor:default" href="http://c-vida.azurewebsites.net/blog">Atletas</a>
  <ul>
   <li>

    <li>
<a href="http://c-vida.azurewebsites.net/akira-utida"><img style="margin:15px 0 0 -10px; width:170px; height:auto;" src="https://fbcdn-sphotos-g-a.akamaihd.net/hphotos-ak-ash3/t1/547146_370545126349980_473740990_n.jpg"/>Akira Utida<hr width=90% noshade></a>
    </li>

    <li>
<a href="http://c-vida.azurewebsites.net/akira-utida"><img style="margin:15px 0 0 -10px; width:170px; height:auto" src="https://scontent-b-iad.xx.fbcdn.net/hphotos-prn2/t1/1601269_276108545872218_1296969321_n.jpg">Luis Fernando<hr width=90% noshade></a>
    </li>

    <li>
<a href="http://c-vida.azurewebsites.net/akira-utida"><img style="margin:15px 0 0 -10px; width:170px; height:auto" src="https://fbcdn-sphotos-e-a.akamaihd.net/hphotos-ak-prn2/t1/1384000_450713911705337_1336519309_n.jpg">Augusto Gobbi<hr width=90% noshade></a>
    </li>

   </li>
  </ul>
</li>

Am I doing something wrong? Please tell me, thank you!
0
5 years ago
#1390 Quote
Hello,
You have an error. Please remove bold <li>

<li>
<a style="cursor:default" href="http://c-vida.azurewebsites.net/blog">Atletas</a>
  <ul>
   <li>

    <li>
<a href="http://c-vida.azurewebsites.net/akira-utida"><img style="margin:15px 0 0 -10px; width:170px; height:auto;" src="https://fbcdn-sphotos-g-a.akamaihd.net/hphotos-ak-ash3/t1/547146_370545126349980_473740990_n.jpg"/>Akira Utida<hr width=90% noshade></a>
    </li>

    <li>
<a href="http://c-vida.azurewebsites.net/akira-utida"><img style="margin:15px 0 0 -10px; width:170px; height:auto" src="https://scontent-b-iad.xx.fbcdn.net/hphotos-prn2/t1/1601269_276108545872218_1296969321_n.jpg">Luis Fernando<hr width=90% noshade></a>
    </li>

    <li>
<a href="http://c-vida.azurewebsites.net/akira-utida"><img style="margin:15px 0 0 -10px; width:170px; height:auto" src="https://fbcdn-sphotos-e-a.akamaihd.net/hphotos-ak-prn2/t1/1384000_450713911705337_1336519309_n.jpg">Augusto Gobbi<hr width=90% noshade></a>
    </li>

   </li>
  </ul>
</li>
0
Thank you for choosing our products!
5 years ago
#1391 Quote
Hello,

I removed but nothing happened, still the same:


<li>
<a style="cursor:default" href="http://c-vida.azurewebsites.net/blog">Atletas</a>

  <ul>


   <li>
<a href="http://c-vida.azurewebsites.net/akira-utida"><img style="margin:15px 0 0 -10px; width:170px; height:auto;" src="https://fbcdn-sphotos-g-a.akamaihd.net/hphotos-ak-ash3/t1/547146_370545126349980_473740990_n.jpg"/>Akira Utida<hr width=90% noshade></a>
   </li>

   <li>
<a href="http://c-vida.azurewebsites.net/akira-utida"><img style="margin:15px 0 0 -10px; width:170px; height:auto" src="https://scontent-b-iad.xx.fbcdn.net/hphotos-prn2/t1/1601269_276108545872218_1296969321_n.jpg">Luis Fernando<hr width=90% noshade></a>
   </li>

   <li>
<a href="http://c-vida.azurewebsites.net/akira-utida"><img style="margin:15px 0 0 -10px; width:170px; height:auto" src="https://fbcdn-sphotos-e-a.akamaihd.net/hphotos-ak-prn2/t1/1384000_450713911705337_1336519309_n.jpg">Augusto Gobbi<hr width=90% noshade></a>
   </li>

  </ul>
</li>


Columns number = 3

Thank you in advance!
0
5 years ago
#1392 Quote
Try to add one more <ul>
<li>
<a style="cursor:default" href="http://c-vida.azurewebsites.net/blog">Atletas</a>

  <ul>
   <li>
<a href="http://c-vida.azurewebsites.net/akira-utida"><img style="margin:15px 0 0 -10px; width:170px; height:auto;" src="https://fbcdn-sphotos-g-a.akamaihd.net/hphotos-ak-ash3/t1/547146_370545126349980_473740990_n.jpg"/>Akira Utida<hr width=90% noshade></a>

<ul>
   <li>
<a href="http://c-vida.azurewebsites.net/akira-utida"><img style="margin:15px 0 0 -10px; width:170px; height:auto;" src="https://fbcdn-sphotos-g-a.akamaihd.net/hphotos-ak-ash3/t1/547146_370545126349980_473740990_n.jpg"/>Akira Utida<hr width=90% noshade></a>
   </li>
  </ul>


   </li>

   <li>
<a href="http://c-vida.azurewebsites.net/akira-utida"><img style="margin:15px 0 0 -10px; width:170px; height:auto" src="https://scontent-b-iad.xx.fbcdn.net/hphotos-prn2/t1/1601269_276108545872218_1296969321_n.jpg">Luis Fernando<hr width=90% noshade></a>
   </li>

   <li>
<a href="http://c-vida.azurewebsites.net/akira-utida"><img style="margin:15px 0 0 -10px; width:170px; height:auto" src="https://fbcdn-sphotos-e-a.akamaihd.net/hphotos-ak-prn2/t1/1384000_450713911705337_1336519309_n.jpg">Augusto Gobbi<hr width=90% noshade></a>
   </li>

  </ul>
</li>
0
Thank you for choosing our products!
5 years ago
#1393 Quote
My God, became beautiful, Thank you so much!

For those who want to do the same improvement here is my code:


<li>
<a style="cursor:default" href="http://c-vida.azurewebsites.net/blog">Atletas</a>

<ul>

<li><!-- first Athlete -->

<ul>
   <li>
<a href="http://c-vida.azurewebsites.net/akira-utida"><img style="margin:15px 0 0 -10px; width:170px; height:auto;" src="https://fbcdn-sphotos-g-a.akamaihd.net/hphotos-ak-
ash3/t1/547146_370545126349980_473740990_n.jpg"/>Akira Utida<hr width=90% noshade></a>
   </li>
  </ul>

</li> <!-- close first Athlete -->


<li><!-- second Athlete -->

<ul>
   <li>
<a href="http://c-vida.azurewebsites.net/luis-fernando"><img style="margin:15px 0 0 -10px; width:170px; height:auto" src="https://scontent-b-iad.xx.fbcdn.net/hphotos-prn2/t1/1601269_276108545872218_1296969321_n.jpg">Luis Fernando<hr width=90% noshade></a>
   </li>
</ul>

</li> <!-- close second Athlete -->

<li><!-- third Athlete -->

<ul>
<li>
<a href="http://c-vida.azurewebsites.net/augusto-gobbi"><img style="margin:15px 0 0 -10px; width:170px; height:auto" src="https://fbcdn-sphotos-e-a.akamaihd.net/hphotos-ak-
prn2/t1/1384000_450713911705337_1336519309_n.jpg">Augusto Gobbi<hr width=90% noshade></a>
</li>
</ul>

</li><!-- close third Athlete -->


</ul>
</li>


I appreciated your help and your time, I am very grateful!
0
5 years ago
#1394 Quote
You're welcome!

Alex
Mikshevich
0
Thank you for choosing our products!
We have something for you :)