Public Forums 71,145 posts

[David Porré Friend David PorréJoin date: September 2014Posts: 194Downloads:44Uploads:5 Thanks: 23 Thanked: 9 times in 1 posts]

#204081

Hello,

I would like to stick my mega menu on bottom of page and have submenu drop up instead of down.

Would that be possible ? Any idea how ?

Hoping for answers,
David aka Shapes

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#560600

You can achieve this by customizing the Menu Style using some css changes. In case might need some javascript help too. Since this is a customization work. you need to get help from joomlancers.com

[David Porré Friend David PorréJoin date: September 2014Posts: 194Downloads:44Uploads:5 Thanks: 23 Thanked: 9 times in 1 posts]

#560602

Hello,

Thanks for your answer, I just wanted to know if at least it was possible, and if someone had allready achieved this to win some time and avoid trying what’s not possible.. 😉
If you tell me it should work, I’ll spend some time on it, and come back to share it here if I succeed.

Best regards,
David aka Shapes

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#560608

check this conversation http://www.joomlart.com/forums/topic/drop-up-mega-menu-for-t3/

but this is a old conversation. made years ago.

[David Porré Friend David PorréJoin date: September 2014Posts: 194Downloads:44Uploads:5 Thanks: 23 Thanked: 9 times in 1 posts]

#563765

Well, it was much easier than I thought, no need to edit js, just css.

So this is what I wrote in custom.css :

.t3-mainnav {
position: fixed;
bottom: 0;
height: 60px;
width: 100%;
background: #FFF;
z-index: 9999999999;
}
.t3-mainnav .container {
position: relative;
margin: 0 auto;
text-align: center !important;
}
.t3-mainnav .t3-navbar {
margin: 0 auto;
color: #000 !important;
}
.navbar-nav {
float: none;
margin: 0 auto;
}
.navbar-nav > li {
float: none;
display: inline-block;
}
.dropdown-menu {
position: absolute !important;
top: auto !important;
bottom: 60px !important;
}

I also needed to center the menu on screen.

Hope this will be usefull.

Best regards,
David aka Shapes

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#563775

Great you made it yourself. any help please post me.

[Author]

Posts