Joomla Templates Club 406,261 posts

[sebbs Friend sebbsJoin date: February 2006Posts: 529Downloads:0Uploads:62 Thanks: 164 Thanked: 6 times in 2 posts]

#198557

site: http://bmwqc.dev.dnsnetworks.ca/

Hi there… I have finally added all the menu items in the main menu …

questions:

1. Is there a way to make them all one one line? or would that be too small

2. Can I make the logo look cosmetically appealling?

3. when i click on a sub-menu (i.e. About Us – History & Mission … when does the menu change? theres a big space that appears at the bottom)

If someone could help me make this main menu look good enough for one of your clients (please feel free to log in!) I would certainly appreciate it ! hence the reason why I ALWAYS convince my boss to purchase JA templates!!!)

Thanks!,
Mel

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#538124

Unfortunately – with the number of main nav menu items you have – I’m not feeling confident that you’re going to be able to get them all on one line – even if you reduce the font size for the menu items. (I tried all the way down to 9px (which wouldn’t look good anyway)).

If you could live without ONE menu item … perhaps move the link to another item or another spot on the site (perhaps a linked banner ad) … then you could possibly get away with reducing the font size to between 14px-18px or so (depending on which menu item you remove).

The CSS for that can be found within file path —> /templates/ja_elastica/css/menu/mega.css
at line 48


.ja-megamenu ul.level0 li.mega span.menu-title {
font-size: 14px;
margin-top: 1.25em;
}

(I used 14px as an example only)

[sebbs Friend sebbsJoin date: February 2006Posts: 529Downloads:0Uploads:62 Thanks: 164 Thanked: 6 times in 2 posts]

#538125

<em>@TomC 431154 wrote:</em><blockquote>If you could live without ONE menu item </blockquote>

What if we got rid of Home .. and made the logo link to home?? Would they fit on one line?

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#538129

<em>@sebbs 431155 wrote:</em><blockquote>What if we got rid of Home .. and made the logo link to home?? Would they fit on one line?</blockquote>

I have bad news and GOOD news for you . . . .

The BAD news is that you ALWAYS need a “default” menu item – and it usually is preferred that it takes you to the “Home” page. Otherwise, you could set another menu item as default – but then the page would always open to that page (i.e. if you made “About Us” the default item).

I went through this whole rigamarole back when I was learning this stuff as well.

The GOOD news is that the default menu item does not have to be in the Main Menu navigation. You can set it in another menu – say, your FOOTER menu. So, you can set a “Home” menu item as default in your FOOTER menu – and your page will still open up to the regular home page, and you can then do without the “Home” item in your Main Nav.

Make Sense ??? 😉

[sebbs Friend sebbsJoin date: February 2006Posts: 529Downloads:0Uploads:62 Thanks: 164 Thanked: 6 times in 2 posts]

#538130

Actually if I put it on one line wouldn’t the logo be too big?? If you could go in and make it look like you would for your client I would really appreciate it!! Can you do this?

I even shortened some menu titles (if that helps) .. would you put it on one line or have it on two…

the important thing is to have the logo look good

[sebbs Friend sebbsJoin date: February 2006Posts: 529Downloads:0Uploads:62 Thanks: 164 Thanked: 6 times in 2 posts]

#538132

it’s actually looking better and better! maybe if we remove the right side (red/grey) we could leave the double menu layer? What do you think? Would you do this for your client?

http://bmwqc.dev.dnsnetworks.ca/

[sebbs Friend sebbsJoin date: February 2006Posts: 529Downloads:0Uploads:62 Thanks: 164 Thanked: 6 times in 2 posts]

#538133

can we fill this space?

---

Attachments:

1. 

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#538134

Okay, here we go . . . TRY THIS . . . .

Within file path –> a/templates/ja_elastica/css/menu/mega.css
at line 48, make the following modification:


.ja-megamenu ul.level0 li.mega span.menu-title {
font-size: 14px;
margin-top: 1.25em;
}

THEN, at line 12, make the following modification:


.ja-megamenu {
width: 950px;
}

THEN, within file path —> /templates/ja_elastica/css/template.css
at line 632. make the following modification:


h1.logo, div.logo-text h1 {
font-size: 2em;
line-height: 1;
margin: 0;
top: -26px;
}

THEN, at line 648, make the following modification . . .


h1.logo a {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
display: block;
font-size: 2em;
height: auto;
margin-left: -13px;
padding-bottom: 1em;
padding-right: 0.5em;
padding-top: 1em;
text-align: center;
width: auto;
}

THEN, paste the following CSS rule anywhere within the same CSS file:


#ja-container {
padding-top: 20px;
}

WHEW . . . . Let me know how that all looks for you.

😎

[sebbs Friend sebbsJoin date: February 2006Posts: 529Downloads:0Uploads:62 Thanks: 164 Thanked: 6 times in 2 posts]

#538137

That’s great! .. but bad news is … now for logo!! should we just stay with a 2 line menu or can we make the logo look good in the 1 line menu? You’re the expect!

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#538138

<em>@sebbs 431167 wrote:</em><blockquote>That’s great! .. but bad news is … now for logo!! should we just stay with a 2 line menu or can we make the logo look good in the 1 line menu? You’re the expect!</blockquote>

If you can save all of the above modifications – then I can take a look and see.

MAKE A BACKUP OF YOUR CSS FILES FIRST !!!
(so you can easily revert back if you need to)

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#538380

I see you’ve done a very nice job at configuring your main nav/header bar.

NICE WORK … Looks VERY NICE !!!

😎

[sebbs Friend sebbsJoin date: February 2006Posts: 529Downloads:0Uploads:62 Thanks: 164 Thanked: 6 times in 2 posts]

#538382

Hey Tom! Thanks for the note … much appreciated … however I was really hoping to add the graphic of the province at the far right of it .. but no one responded to me … do you think you could help me?

<em>@TomC 431519 wrote:</em><blockquote>I see you’ve done a very nice job at configuring your main nav/header bar.

NICE WORK … Looks VERY NICE !!!

:cool:</blockquote>

---

Attachments:

1. 
2. 

[sebbs Friend sebbsJoin date: February 2006Posts: 529Downloads:0Uploads:62 Thanks: 164 Thanked: 6 times in 2 posts]

#538383

or would it look too busy with the graphic at the end? maybe I should add that graphic in the EXTRA COLUMN module?

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#538385

It may look a bit busy and squashed … personally, I think the nav bar/header looks pretty slick right now.

Nevertheless, the process for adding an image as a menu item is (generally) as follows . . .

STEP ONE
a) Using Media Manager, upload the image(s) to the images/stories folder of your site

b) For the menu item(s) in question, set the image in Menus > Main Menu > Whichever Menu Item > Parameters (System) > Menu Image > set to the one you want

c) Save

STEP TWO
a) Extensions > Module Manager > Main Menu (or whichever menu module in question) > Edit > Parameters > Other Parameters >

1. Show Menu Images = Yes
2. Menu Image Alignment = Left or Right
3. Menu Image Link = Yes

b) Save

Hope That Helps

[sebbs Friend sebbsJoin date: February 2006Posts: 529Downloads:0Uploads:62 Thanks: 164 Thanked: 6 times in 2 posts]

#538388

<em>@TomC 431525 wrote:</em><blockquote>
b) For the menu item(s) in question, set the image in Menus > Main Menu > Whichever Menu Item > Parameters (System) > Menu Image > set to the one you want
</blockquote>

Its not a specific menu item .. did you see my graphic:

---

Attachments:

1. 

[Author]

Posts