Kien Nguyen

[Solved] Menu mega in BT Travel template.

7 posts in this topic

Hi all, if you want to config your template has mega menu, here is the way:

please download my attachment and extract (header.zip) and replace it in: "...\templates\bt_travel\tpls\blocks"

then go to template manage: config your menu as you want.

then, open file:

"...\templates\bt_travel\css\custom.css", go to the end of file, add:

/*====== MEGA MENU ======*/

.t3-mainnav .mega-dropdown-menu{

border:4px solid #c6234d;

padding:5px;

}

.t3-mainnav ul.nav .mega-dropdown-menu ul{

border:none;

}

.t3-megamenu .mega-inner{

padding:0;

}

.t3-megamenu .mega-nav > li a, .t3-megamenu .dropdown-menu .mega-nav > li a{

padding:0 0 0 7px;

height:33px;

line-height:33px;

}

.t3-megamenu ul.nav li.mega-group > a.mega-group-title{

font-family:"Oswald";

font-size:14px;

font-weight:normal!important;

text-transform:uppercase;

color:#c6234d!important;

padding-left:7px!important;

border-bottom:1px solid #ECECEC;

}

.t3-megamenu ul.nav li.mega-group > a.mega-group-title:hover{

background:none!important;

}

I have a notice: when you config your mega menu, you need to choose width of sub menu,

post-114808-0-72427000-1364789962_thumb.

click to parent menu, then choose Group is: "yes".

post-114808-0-28534300-1364789958_thumb.

If you have any dificult to do that, please send me your super admin account, I'll help you.

header.zip

jonas likes this

Share this post


Link to post
Share on other sites

I have question, where I can change size dropmenu. My titles are long (can not be shortened) to fit into the menu.

to change sub menu size, you may use this class:

.t3-megamenu .dropdown-menu .mega-nav > li a

way to use:

.t3-megamenu .dropdown-menu .mega-nav > li a{font-size:14px;}

Share this post


Link to post
Share on other sites

to change sub menu size, you may use this class:

.t3-megamenu .dropdown-menu .mega-nav > li a

way to use:

.t3-megamenu .dropdown-menu .mega-nav > li a{font-size:14px;}

Thank you.

But I solved my problem with used "Megamenu configuration" resize submenu. I forgot that the template offers resizing Megamenu. Its easiest than change code.

Share this post


Link to post
Share on other sites

Hi,

I have three questions regarding the Mega Menu please:

1- How can I duplicate one of the columns in the explorer's mega menu?

2- How can make the first link in the column as a heading in the same colour like (Contacts or Weblinks) under the explorer menu of your template's demo?

3-If I need to download the above header file to do so, there is a file called header.php already on the server, do I replace it? And if I do will that change the header of the website?

Thank you

Share this post


Link to post
Share on other sites

Thanks Tam, I found the video to be good but I had an issue because I wanted to add a third column and then to a have a group of links under it but it kept adding the rows at the bottom instead of under the header of the third menu, I figured out that I have to add a submenu then groups and to move the raw under the third menu using the arrows, it sorted now anyway.

Thanks

Share this post


Link to post
Share on other sites