Joomla Templates Club 406,261 posts

[synncom Friend synncomJoin date: February 2012Posts: 65Downloads:0Uploads:7 Thanks: 9 Thanked: 2 times in 1 posts]

#184770

Hi,

I am trying the Tiris Template on a Demo Domain but there are issues with the Main Menu.
This site will have many Main menu items and it seems to have issues when this is the case… The Second line of the Navigation comes out White as per : http://www.accessweb2.co.za

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#482793

Sorry, but the design of Tiris does not support 2 lines of menus. We have a few options, you can implement dropdows or we could also look at the size of the text in each item to reduce space used by each. Redesigning the menu system to cover 2 lines well is not really an option.

[synncom Friend synncomJoin date: February 2012Posts: 65Downloads:0Uploads:7 Thanks: 9 Thanked: 2 times in 1 posts]

#482794

Ok thank you – can you please tell me where to adjust the Font size then ? I am already using Dropdowns as i said this site will have a lot of Main menu Items and I would expect a template catering for such a Large Audience to have this ability….

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#482797

I personally would have a dropdown into multiple columns (which this system fully supports, look at some of the demo templates for examples) starting with the main menu option as “Our Services” or something similar then separating out below.

If you want to change the css then please go into the template manager and set css optimization to “no” so I can see the exact lines for you to change. Or search for the code in the css files yourself.

#ja-cssmenu li {
background: url("../../images/bg-line-nav.gif") repeat-y scroll 100% 0 transparent;
padding: 0 9px 0 7px;

}

#ja-cssmenu li {
font-family: "abelregular",Arial,sans-serif;

}

You could change the padding in the above to padding: 0 1px; which would make the menus fit.

Or you could add the code as per below (add the line in red) adjusting the font size as desired. Maybe 10px would work.

#ja-cssmenu li {
font-family: "abelregular",Arial,sans-serif;
font-size: 10px;

}


Or use a combination of the above edits.

[synncom Friend synncomJoin date: February 2012Posts: 65Downloads:0Uploads:7 Thanks: 9 Thanked: 2 times in 1 posts]

#482799

I have already set Optimization to No.

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#482807

Then the above code is in the following location – /templates/ja_tiris/css/menu/css.css

Just edit to your needs.

1 user says Thank You to Phill for this useful post

1. synncom

[synncom Friend synncomJoin date: February 2012Posts: 65Downloads:0Uploads:7 Thanks: 9 Thanked: 2 times in 1 posts]

#482816

I thank you for your help. I have tried these options but its not going to work for me… I need the option of a Second line like All the Rockettheme Templates…. Can I please ask the opinion of a Second Developer as to How I can get a Second line menu item in this template ?

[synncom Friend synncomJoin date: February 2012Posts: 65Downloads:0Uploads:7 Thanks: 9 Thanked: 2 times in 1 posts]

#482818

I thank you for your help. I have tried these options but its not going to work for me… I need the option of a Second line like All the Rockettheme Templates…. Can I please ask the opinion of a Second Developer as to How I can get a Second line menu item in this template ?

These are all the Items I need to have :
Home | Commercial Gym | Home Gym | Corporate Facilities | Innovative Gym Products | Gym Flooring | Gym Renovations | Reconditioned Gym Equipment | Training / Education | Gym Accessories | MMA Boxing | Cross Fit Bootcamp | Body Building | High Performance | Commercial Gym Facilities | Life Fitness Hammer Strength | Core max

So no matter how I try I will never fit all of this into 1 Menu line…. Please see my link I have tried your Suggestions.

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#482819

I do understand. But this template does not support a second row like that. It would be possible to fudge something but it will not work well and would need quite a re-design. As I said, better to use the power of the Mega Menu and carefully plan your headers and dropdowns to contain all your items. It is very rare for a website to contain multiple rows of items and especially with such long titles as you propose. Just look at stores like Amazon ot Apple etc.

Please also see the announcement. The JA team aare on their well deserved annual holidays this week and will return on the 15th Feb. If you wish to wait for a second opinion until then please bump your thread and I will highlight it to the team.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#482854

<em>@synncom 359238 wrote:</em><blockquote>I thank you for your help. I have tried these options but its not going to work for me… I need the option of a Second line like All the Rockettheme Templates…. Can I please ask the opinion of a Second Developer as to How I can get a Second line menu item in this template ?

These are all the Items I need to have :
Home | Commercial Gym | Home Gym | Corporate Facilities | Innovative Gym Products | Gym Flooring | Gym Renovations | Reconditioned Gym Equipment | Training / Education | Gym Accessories | MMA Boxing | Cross Fit Bootcamp | Body Building | High Performance | Commercial Gym Facilities | Life Fitness Hammer Strength | Core max

So no matter how I try I will never fit all of this into 1 Menu line…. Please see my link I have tried your Suggestions.</blockquote>

Because on your site have many menu include on main menu and JA Tiris Template doesn’t support second menu but you can change css on menu with my suggestion

<blockquote>Open templates/ja_tiris/css/template.css file</blockquote>
from

#ja-mainnav .main-inner2 {
background: url(../images/bg-nav.gif) 0 0 repeat-x #fff
padding: 0;
}

change to

#ja-mainnav .main-inner2 {
background: url(../images/bg-nav.gif) 0 0 repeat #fff
padding: 0;
}

Let me know if my fixed helps you out of

2 users say Thank You to Ninja Lead for this useful post

1. Phill
2. synncom

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#482868

<em>@synncom 359238 wrote:</em><blockquote>I thank you for your help. I have tried these options but its not going to work for me… I need the option of a Second line like All the Rockettheme Templates…. Can I please ask the opinion of a Second Developer as to How I can get a Second line menu item in this template ?

These are all the Items I need to have :
Home | Commercial Gym | Home Gym | Corporate Facilities | Innovative Gym Products | Gym Flooring | Gym Renovations | Reconditioned Gym Equipment | Training / Education | Gym Accessories | MMA Boxing | Cross Fit Bootcamp | Body Building | High Performance | Commercial Gym Facilities | Life Fitness Hammer Strength | Core max

So no matter how I try I will never fit all of this into 1 Menu line…. Please see my link I have tried your Suggestions.</blockquote>

Hi Synncom,

I agree with Phill on this one. Having a menü that big sprawled across the top of your site will make it look seriously amateur. Like something out of the eighties! 🙂

A suggestion would be to pick the 4 most important menü headings along with ‘home’ and ‘contact’ and then to use a menü module set to position ‘right’ or ‘left’ and assign it whichever pages you want. That way you can have a more comprehensive menü running down the side of the page. In fact you can have different menüs running for each of the top menü selections.

Just an idea for you!

(Or just use the megamenü! :p)

1 user says Thank You to swissa for this useful post

1. Phill

[synncom Friend synncomJoin date: February 2012Posts: 65Downloads:0Uploads:7 Thanks: 9 Thanked: 2 times in 1 posts]

#482871

Hi Ninja Lead – thanks so much for your help but your 2 Suggestions of code are identical ?

#ja-mainnav .main-inner2 {
background: url(../images/bg-nav.gif) 0 0 repeat-x #fff
padding: 0;
}

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#482872

Look closely at the repeat, you will see one version does not have a -x on it.

[synncom Friend synncomJoin date: February 2012Posts: 65Downloads:0Uploads:7 Thanks: 9 Thanked: 2 times in 1 posts]

#482885

Ninja Lead… you da man!!

Thank you so much Dude… :laugh:

[Author]

Posts