Joomla Templates Club 406,261 posts

[abalto Friend abaltoJoin date: February 2010Posts: 27Downloads:0Uploads:7 Thanks: 3]

#152821

How can I get the exact kind of menu in position Right, mainmenu in position left using a custom menu?

See demo
http://www.joomlart.com/demo/#templates.joomlart.com/ja_nickel
Right side “Main Menu”

I want a menu in the “left” postion, that is NOT main menu, that is ‘collapsable’ like on the demo, but can’t seem to achieve it.

I am currently using the following settings:
Main Template Menu Settings:
Menu Type: mainmenu
Menu Style: CSS

Module Manger Menu Settings
Position: Left
Menu name: practice-areas (custom)
Menu Style: list
Start Level: 0
End Level: 0
Always show sub menu items: yes
Maximum menu depth: 50

Any idea how I can do this so that the menus with sub menus are collapsible so that things are neat and organized in the menu presentation?

Thanks in advance for the assistance.

[abalto Friend abaltoJoin date: February 2010Posts: 27Downloads:0Uploads:7 Thanks: 3]

#350751

Hello, I also notice that right side modules don’t exactly look right… see here:
http://linux5.hypmedia.com/bodienagle/

Please advise, I am on a deadline to sort the modules out. If someone could at least point me to a module class suffix guide or some such thing.

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

#350832

Hello

The menu only working well on the Right side of the template, so that you would like to display the menu on the left side of the template, you must to make a customation for this

1) you access the menu module and try to put the “_menu” suffix class into the suffix class module?
2) pls open the file tempate.css file and try to find the following code:

/* Default Module */
#ja-col2 div.moduletable,
#ja-col2 div.moduletable_text,
#ja-col2 div.moduletable_menu {
background: #FFFFFF;
border: 1px solid #DDDDDD;
margin: 0 0 15px;
}

#ja-col2 div.moduletable h3,
#ja-col2 div.moduletable_text h3,
#ja-col2 div.moduletable_menu h3 {
background: #333333;
color: #FFFFFF;
margin: 0 -1px;
padding: 10px;
border-bottom: 1px solid #222222;
}

#ja-col2 div.moduletable_highlight {
background: #F6F6F6;
border: 1px solid #DDDDDD;
margin: 0 0 15px;
}

#ja-col2 div.moduletable_highlight h3 {
background: #D33615;
color: #FFFFFF;
margin: 0 -1px;
padding: 10px;
}

#ja-col2 div.ja-innerdiv {
border: none;
padding-left: 10px;
}

#ja-col2 div.moduletable div.ja-innerdiv img,
#ja-col2 div.moduletable_highlight div.ja-innerdiv img,
#ja-col2 div.moduletable_text div.ja-innerdiv img{
border: none;
}

#ja-col2 div.moduletable_menu {
padding-bottom: 0;
}

and replace:

/* Default Module */
div.moduletable,
div.moduletable_text,
div.moduletable_menu {
background: #FFFFFF;
border: 1px solid #DDDDDD;
margin: 0 0 15px;
}

div.moduletable h3,
div.moduletable_text h3,
div.moduletable_menu h3 {
background: #333333;
color: #FFFFFF;
margin: 0 -1px;
padding: 10px;
border-bottom: 1px solid #222222;
}

div.moduletable_highlight {
background: #F6F6F6;
border: 1px solid #DDDDDD;
margin: 0 0 15px;
}

div.moduletable_highlight h3 {
background: #D33615;
color: #FFFFFF;
margin: 0 -1px;
padding: 10px;
}

div.ja-innerdiv {
border: none;
padding-left: 10px;
}

div.moduletable div.ja-innerdiv img,
div.moduletable_highlight div.ja-innerdiv img,
div.moduletable_text div.ja-innerdiv img{
border: none;
}

div.moduletable_menu {
padding-bottom: 0;
}

ps: pls backup before customizing

GOodluck

[abalto Friend abaltoJoin date: February 2010Posts: 27Downloads:0Uploads:7 Thanks: 3]

#350923

Hello Tien,

Thank you!

It *almost* works. I need to get the menu so that it collapses like in the demo. Right now all of the menus items are ‘open’. I would like the user to click to ‘open’ to sub-menus as in the demo:
http://www.joomlart.com/demo/#templates.joomlart.com/ja_nickel

See my screenshots below:

Demo navigation menu right side (collapsed)

Demo navigation menu right side (open to show sub menus)

See our current menu with your hack:
It’s very long and we would like to collapse main categories if possible.

Also, another small issue with the front page modules. They are not looking like the demo. There is some strange spacing and it doesn’t look neat like the demo. See:

Thank you very much for your assistance on these matters!

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

#351427

Hello

1) The problem with the menu: pls choose “No” Option for the Always show sub-menu Items parameter in the menu moudle’s configuraiont

2) pls add this into the template.css file

#mod_search_searchword {
margin:10px 10px 5px 10px;
width:87%;
}

GOodluck

[abalto Friend abaltoJoin date: February 2010Posts: 27Downloads:0Uploads:7 Thanks: 3]

#351803

Hello,

Still no luck.

When I check “No” for Always Show sub-menu items, it does collapse, but I can’t expand the menu. I have done a screencast video for you so you can see the issues I am running in to.

Also the mod_search extra padding works, but the “About Us” is still crowded.

See video here:
http://linux5.hypmedia.com/bodienagle/issues/menu-issues/menu-issues.html

I have tried setting the top placeholder menu item to “URL” and also to “Seperator” not sure if that matters.

Any help would be appreciated!

Thanks!

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

#352114

<em>@abalto 189006 wrote:</em><blockquote>Hello,

Still no luck.

When I check “No” for Always Show sub-menu items, it does collapse, but I can’t expand the menu. I have done a screencast video for you so you can see the issues I am running in to.

Also the mod_search extra padding works, but the “About Us” is still crowded.

See video here:
http://linux5.hypmedia.com/bodienagle/issues/menu-issues/menu-issues.html

I have tried setting the top placeholder menu item to “URL” and also to “Seperator” not sure if that matters.

Any help would be appreciated!

Thanks!</blockquote>

A Strange Problem is happening your site, you made everything rightly, i don ‘t why the menu did not work :|, can you pls submit a ticket containing all administrator account and FTP account, we ‘ll check and re-solve more detail

thanks

[abalto Friend abaltoJoin date: February 2010Posts: 27Downloads:0Uploads:7 Thanks: 3]

#352152

Hello,

What is the best place to submit a ticket? I see that one was auto submitted here:
http://support.joomlart.com/index.php?_m=tickets&_a=viewticket&ticketid=50798

But I see no replies to it.

Thanks for any help you can provide. I will update that ticket with FTP info.

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

#352195

Hello abalto!

1) I have fixed padding with text displaying in the box,
2) Problem with the menu: this is not bug, the menu works rightly :), the issue in here, you use # for links of parent menu, # is used as inner link without refresh page, so that please re-edit them: you will add link as normally way without #

GOodluck

[abalto Friend abaltoJoin date: February 2010Posts: 27Downloads:0Uploads:7 Thanks: 3]

#352354

Hi Tienhc,

Thanks for your assistance.

1.) I do not see the text padding fixed. See screenshot (I have cleared cookies, cache and browser history and refreshed) I am looking at it in Firefox and have also tested in IE 8. Is still no padding in the About box.
See here: http://i37.tinypic.com/qsjo2d.jpg

2.) I am confused by your instruction. I have tried to use “Placeholder” link for the parent link in the menu but this does not work. Did you watch the video I linked in my previous post? Please give me specific step-by-step instructions on how to do the Parent link and I will follow them.

Thanks for all your help!

[abalto Friend abaltoJoin date: February 2010Posts: 27Downloads:0Uploads:7 Thanks: 3]

#352360

Hi Tienhc,

I apologize, I think I may have made edits to the CSS file after you had done somethng about the padding. I am not getting notification of your replies or tickets for some reason so did not know you had made the edits till I checked this thread today.

Can you please post the CSS change you made to help the padding issue of the about right side module?

Thanks!

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

#352410

Yes, the following css syntax was inserted into the file template.css

.ja-box-ct {
padding:10px;
}

For parent menus, i think you should choose menu type relating to content component (eg. article layout, block) or other component

[abalto Friend abaltoJoin date: February 2010Posts: 27Downloads:0Uploads:7 Thanks: 3]

#352483

Thank you Tienhc.

I want the top menu for most items to be an anchor or placeholder. Is this possible?

Thanks~

[abalto Friend abaltoJoin date: February 2010Posts: 27Downloads:0Uploads:7 Thanks: 3]

#352510

Tien,

Is there a way you can give me a step by step instruction to get the menu to work properly?

Thanks!

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

#352601

most of submenus are linked to articles of content component, with parent menu Alternative Dispute Resolution, Bankruptcy, Business Law, choose each menu link to category ( category containing your articles).

[Author]

Posts