Joomla Templates Club 406,261 posts

[seavashr Friend seavashrJoin date: September 2008Posts: 21Downloads:42Uploads:10 Thanks: 3 Thanked: 2 times in 2 posts]

#206159

Greetings

I can not figure out two issues and appreciate help:

1) Clicking on alternative menu items in TOP MENU should have switch to it and make the area merged to that menu, signaling to user he is in that page.
See image bellow:

I cannot get this to work, the page opens but the area under top menu is still merged with the HOME item,
see bellow:

How could I fix this.

2) MegaMenu us powerful because it let user have multi-column menus. Something I use successfully on other menus.
I want to create menus like:

But all I mange to get is

Is there CSS class defined for multi-column megamenu? How could I fix this and get multi-column megamenu like other JA templates.

Thank you

---

Attachments:

1. 
2. 
3. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#569844

Hi

Could you PM me URL and admin login info of your site? I will take a look.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#734926

Hi

Could you PM me URL and admin login info of your site? I will take a look.

[seavashr Friend seavashrJoin date: September 2008Posts: 21Downloads:42Uploads:10 Thanks: 3 Thanked: 2 times in 2 posts]

#570120

I have replied to you via email.

Thanks

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#570258

I don’t see the ‘Blog’ menu item as in your screenshot

With the dropdown menu, you can go to the file: ROOT/templates/ja_teline_v/css/custom.css (create this file if it doesn’t exist)

and add this code:


.t3-megamenu .dropdown-header, .t3-megamenu .mega-nav .mega-group > .dropdown-header, .t3-megamenu .dropdown-menu .mega-nav .mega-group > .dropdown-header, .t3-megamenu .dropdown-menu .active .mega-nav .mega-group > .dropdown-header {
margin: 0;
padding: 0 10px 5px;
background: inherit;
color: #3f51b5; <<< change to your desired color here;
font-size: 14px;
font-weight: bold;
line-height: normal;
text-transform: uppercase;
}


[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#735324

I don’t see the ‘Blog’ menu item as in your screenshot

With the dropdown menu, you can go to the file: ROOT/templates/ja_teline_v/css/custom.css (create this file if it doesn’t exist)

and add this code:


.t3-megamenu .dropdown-header, .t3-megamenu .mega-nav .mega-group > .dropdown-header, .t3-megamenu .dropdown-menu .mega-nav .mega-group > .dropdown-header, .t3-megamenu .dropdown-menu .active .mega-nav .mega-group > .dropdown-header {
margin: 0;
padding: 0 10px 5px;
background: inherit;
color: #3f51b5; <<< change to your desired color here;
font-size: 14px;
font-weight: bold;
line-height: normal;
text-transform: uppercase;
}


[seavashr Friend seavashrJoin date: September 2008Posts: 21Downloads:42Uploads:10 Thanks: 3 Thanked: 2 times in 2 posts]

#570295

Hi @saguaros

Thanks so far.

1)Re: Mega menu style.
Worked fine, but the applied size of area of hover is larger than the actual container + there is an extended line. Please see the image.
Tried to find the source of it, but no luck

2)In theory, every one of the TOP menu items (.t3-topnav) need to merge with header area under it (.t3-header), as shown bellow:

If you visit my demo site again, all top menus: Features, Community and Blog (you saw it as Forum!) should merge with header!
But when you are in those top menus (let say click on Community which is jomsocial) the template shows the HOME to be selected, example:

Hope this helps you to figure out what I mean.

Thanks

---

Attachments:

1. 
2. 
3. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#570409

With the megamenu style, you can try to add this css rule:


.t3-megamenu .mega-col-nav {
padding: 10px;
}


For the top menu, I don’t know if you have customized anything on your site or not but at this moment, it doesn’t take the right active menu item. Please also try to disable 3rd party extension first and see which one cause the issue.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#735475

With the megamenu style, you can try to add this css rule:


.t3-megamenu .mega-col-nav {
padding: 10px;
}


For the top menu, I don’t know if you have customized anything on your site or not but at this moment, it doesn’t take the right active menu item. Please also try to disable 3rd party extension first and see which one cause the issue.

[Author]

Posts