Submenu appearance

Hello everyone, I 've been trying to make the submenu in "Mainmenu" to hide and only show up when a link of the menu is clicked but nothing seems to be working. Let me show you what I mean.

Ex.

Home
News
-News A
-News B
-News C
Contact

I need the A,B,C NOT to appear when hover over "News" but only appear when the "News" is clicked. That for the Mainmenu on the header. Some help please?

PS: Sorry, my English are not perfect. Thanks.

Anyone? !

Hi

Haven't I answered to this question before ? ;/ ;/ ;/ ? Deja Vu!

Please show me Your site.

Do you mean by ticket? If so then yes it is a Deja Vu xD. http://www.propontida.gr/portal/

Please check the second menu item called "Ο Δήμος"

Hi

Add this code at the end of template.css file:

Code: Select all

div#horiz-menu ul ul {
    display: none !important;
}

div#horiz-menu ul li#current ul {
    display: block !important;
}


It works. Thank you very much.

Hi

No problem. Glad I could help.

one thing that why i have chosen TWN because of its elegant menu display. i found trouble when hovering any of the main menu item and it has disorient surfer by displaying submenus which do not correspond the main menu item highlighted above.

But for goodness sake, these additional lines at the bottom of the template.css solved my problem and made me more obsessed by TWN.

THANK YOU!!!!

Hi

So I'm once more glad that my work helped someone

I was glad to see that the submenu doesn't confuse anymore by not displaying items which do not correspond to the items in the main menu. However, I observed that when I opened any article, submenus displayed at the block will disappear. You need to go to first to the mainmenu when going to submenus belong to the same level opened previously.

It is good already, but it would be very good if it does not cause the submenus to disappear when opening any article.

I was glad to see that the submenu doesn't confuse anymore by not displaying items which do not correspond to the items in the main menu. However, I observed that when I opened any article, submenus displayed at the block will disappear. You need to go to first to the mainmenu when going to submenus belong to the same level opened previously.

It is good already, but it would be very good if it does not cause the submenus to disappear when opening any article.

I saw that too and I needed it to fuction as you just descripted but I did not wrote it here because I did not want to create any confusion. I am +1 to that it would be really nice if it worked that way.

Hi

Abatzoglou I know only Your site with this so I'll try to make it for Your site. But first of all please fixt the menu. You got too many items and last one has fall down to the second line. You can decrese the space between menu items with this code:

Code: Select all

div#horiz-menu ul li, div#horiz-menu ul ul li {
    padding: 0 0 0 17px !important;
}


Hi

Abatzoglou I know only Your site with this so I'll try to make it for Your site. But first of all please fixt the menu. You got too many items and last one has fall down to the second line. You can decrese the space between menu items with this code:

Code: Select all

div#horiz-menu ul li, div#horiz-menu ul ul li {
    padding: 0 0 0 17px !important;
}


Its really no big need. I don't want to cost you any time. So if you think it's hard to make it's ok because I like it the way it is too.

My big concern is about that "Fall down" you mentioned. Can you please post a printscreen of what you see? I suppose that you mean that the items overflow right? I don't see anything like that and I have tried almost all browsers. (IE, FF, SAFARI, CHROME)

This is what I see: http://www.propontida.gr/propontidaprint.png

Hi

Here's what I see

The css code should fix it. Simply copy it at at the end of template.css.

Please tell me one more time how it should looks like. I'm nearly sure, but I'm getting an idea that You both are talking about a slightly different things.

Hi

Here's what I see

The css code should fix it. Simply copy it at at the end of template.css.

Please tell me one more time how it should looks like. I'm nearly sure, but I'm getting an idea that You both are talking about a slightly different things.

I don't understand why we see different things...

As before with the menu code I added it to the template.css found in templates/gk_twn/css. Is this right?
I kept the code for the menu. Please tell me if its ok now.

As far as I can understand jsecabiling means exactly the same thing. Let me explain that:

Menu 1
Menu 2
-Submenu 1
-Submenu 2
-Submenu 3
Menu 3
Menu 4

Our first goal was to make the submenus to appear only when the "menu 2" was clicked and we did it with the first code you posted. What happens now is that when an article under the Submenus is clicked (lets say that "submenu 1" was programmed to show a section blog layout) or one of the submenus are clicked they are then lost.

In my case for example this is the "Menu 2" clicked. And this is the first submenu clicked result. See? The submenus are gone.

It would be nice if jsecabiling posted his site too to we can see how it works.

@teitbite

I need to notify you for this. I saw that you visited the links I gave you. I have to apologise because I had unpublished the submenus at the time you visited because I was trying to fix some issues. Sorry for that. Thank you.

Definitely we have the same problem Abatzoglou, we have our site (www.mgbr13.ph) published with a free template as of this time. i'm just working offline now to migrate to TWN. I saw your site and we have exactly the same problem. I'm praying that our good friend here TIETBITE could give us good solution for this. I think this problem is likewise occurring in other GavickPro Templates.

Definitely we have the same problem Abatzoglou, we have our site (www.mgbr13.ph) published with a free template as of this time. i'm just working offline now to migrate to TWN. I saw your site and we have exactly the same problem. I'm praying that our good friend here TIETBITE could give us good solution for this. I think this problem is likewise occurring in other GavickPro Templates.

Hi

Please try to add this code:

Code: Select all

div#horiz-menu ul li.active ul {
    display: block !important;
}



it seems that these line are just redundancy and repetition of the last lines of the previous code you have suggested. but in my case, as of this time, it really, really, WORKS!!!!

thank you very much teitbite!

Hi

Not exacly a copy, but close Glad it's working now.

yeah it's the "li#current" statement of the previous while "li.active" of the latest addendum... hope this would likewise work for Abatzoglou.

It works great. Thank you for that. teitbite can you please tell me if you still see that overflow we said before? What browser were you using? Do you have an explanation why this could be happening?

There is an issue there. After I add the code the submenus of the submenus width is acting weird. see the attachment. I might remove a menu item so that I can remove the code fixing the overflow.

I have another concern, can we set the pull-down submenu to wrap. I have a desired width for the pull-down submenu, but i want them to wrap for longer sub-menu label to avoid disappearing maybe caused by an overflow.

I clicked "Thank you" to jsecabiling's last post even though I don't understand what he means lol. It was a mistake. anyway, just a quick info for me. I removed one of the Main menu items and removed the code that fixed the overflow because I suppose it is not needed anymore. @teitbite can you please see if it looks ok? I mean if it does not overflow.

Removing the code also fixed the problem with the submenus I posted before so I am now done with the topic. Thank you very much! )

@abatsoglou

i'm glad that my last concern hints you to the solution of your problem. so it's my question that answered your question, LOL.

but don't go away from this topic until my last concern would be provided with solution, cause it would be definitely beneficial to both of us.

we're blessed teitbite is restless in finding good solutions to our problem.

Hi

@Abatzoglou. Now the menu looks ok. This is happening because IE got slightly different letter spaceing in Your language.

@jsecabiling. This is simple. You just need to remove the height from subsubmenu li. Please show me an exact page than I'll tell You the code.

@teitbite

kindly refer to the picture i posted in this link:
http://www.mgbr13.ph/images/jsecabiling_menu1.png

referring to the picture, i clicked:
main menu: Tenement
submenue: Application

i want the third item of the pull-down menu display the full title. the title is "Mineral Processing Permit Application (MPP) within Surigao Mineral Reservation", but the pull-down menu only displays "Mineral Processing Permit Application". i think the rest of the characters returns to the second line which the pull-down can't display anymore. can we wrap it up?

what exact file can i find "subsubmenu li"? i opened template.css, but it isn't there.

Hi

Unfortunately image doesn't tells me much, but I'll find a site which will have submenus and working on TWN. Just give me a minute.

Hi again

I can see that the code responsible for it is in /css/menu/suckerfish.css and the code patiali responsible for it is:

Code: Select all

div#horiz-menu li li a, div#horiz-menu li li a:hover, div#horiz-menu li li span, div#horiz-menu li li span:hover, div#horiz-menu li li {
    height: 32px !important;
}


try to replace the height value of "32px" to "auto" and tell me what it does.

@jsecabiling I would like to see your site. haha. It seems weird to have the same template. niiiice!

@teitbite Just a quick question. Can you imagine why my "You are here" is missing? I just noticed lol. It was never there. Maybe because of the language? How do I fix that?

@abatzoglou
my site is www.mgbr13.ph, but as of this time, it's running with a free template. before i publish TWN at our site, i see to it that all major flaws shall be addressed first. ill keep entouch with you and rest assured i'll show you what have I done for my site.

@teitbite
it works!!! but one more minor thing, kindly refer to the picture:
http://www.mgbr13.ph/images/jsecabiling_menu2.png
it seems that the lengthy menu displayed in double-space (as shown in figure one). any code to be added to appear single-spaced (as shown in figure 2)?

thank your very much teitbite! you really, really made my day....

but as of this time, it's running with a free template. before i publish TWN at our site, i see to it that all major flaws shall be addressed first.

How do you run a template in private only for you to customize it?

Hi

@jsecabiling please leave it for now. I'll fix it when it'll be online, because I do not have such example anywhere.

@Abatzoglou please check template translation files. I believe the code for this is "YOAH" or something like this. Do You have breadcrumb module published it breadcrumb position ?

Fixed. thank you sooo much!

Hi

I'm glad, but what was it ?

i'm using WAMP (windows, apache, mysql and php) server. in case of mac, its MAMP.
www.wampserver.com

i'm using WAMP (windows, apache, mysql and php) server. in case of mac, its MAMP.
www.wampserver.com

Hi

Ok. But is this information directed to me ? Sorry I'm feeling like I've lost a context.

Sorry TEITBITE... my previous post was for Abatzoglou.

Anyway, I am almost done preparing to publish TWN template in our site. Maybe next week. I would like to thank for your generosity to help me addressed some flaws I discovered customizing TWN with our site. Maybe it's your job to provide support, but i acknowledge the value of our money subscribing here at Gavick.

Thanks!

P.S. When I'm done publishing TWN online, i'll show you the remaining minor concern about the double-space pull-down submenu item.

Hi

I'm glad, but what was it ?

The module was not active lol. I'm stupid I know.

@teitbite, only one little last thing please. The item for "You are here" is called "youah" as far as I can see in the pages code but for some reason I can not find it in the language files. Should I be looking in the .ini files right?

@jsecabiling
I really want to see your site under the template. it must rock!