Joomla Templates Club 406,261 posts

[msilac Friend msilacJoin date: October 2010Posts: 548Downloads:2Uploads:74 Thanks: 115 Thanked: 5 times in 1 posts]

#192826

Hello,

How I can change size of navigation menu (I need more space horizontal).

This is EN version http://www.ricardo.hr/en
This is HR version http://www.ricardo.hr/hr – Here you can see how the menu is “fall” down when I added two new categories

So I need more space here to the menu was in line with the logo

Somewhere in .css?

Thank you

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#514708

Hi

You can check settings for the megamenu in this file /templates/ja_puresite/css/template.css around line 665

/* Main Nav ---*/
#ja-mainnav { float: right; margin: -5px 0 -1px; }

#ja-mainnav .main { border-bottom: 1px solid #e5e6e7 }

#ja-megamenu ul.level0 {
font-family: Arial, Helvetica, sans-serif;
background: url(../images/bg_menu.png);
border-bottom: 1px solid #E2E2E2
border-top: 1px solid #E2E2E2
height: 50px;

margin-top: 44px;
}

<blockquote>So I need more space here to the menu was in line with the logo</blockquote>

Could you be more detailed ? maybe post here a screenshot of your desired layout for menu

[msilac Friend msilacJoin date: October 2010Posts: 548Downloads:2Uploads:74 Thanks: 115 Thanked: 5 times in 1 posts]

#514713

Ok, here it is… I agree with that logo need to be smaller… just dont know where to change things so navigation can fits in line.

---

Attachments:

1. 

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#514714

Hi

as i said above you need to increase the margin-top value from 44 to 84

#ja-megamenu ul.level0 {
font-family: Arial, Helvetica, sans-serif;
background: url(../images/bg_menu.png);
border-bottom: 1px solid #E2E2E2
border-top: 1px solid #E2E2E2
height: 50px;
margin-top: 44px; <--- Change this to margin-top: 84px;
}

This is what i obtained changing that value

---

Attachments:

1. 

[msilac Friend msilacJoin date: October 2010Posts: 548Downloads:2Uploads:74 Thanks: 115 Thanked: 5 times in 1 posts]

#514724

No, that’s not what I need… like I explain in first post and show in attachment in third post I need that navigation in horizontal line with logo… that HR version of language… not english version of navigation.

Just like at attachment

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#514773

Hi msilac,

Please try my suggestion:
– Open file: /templates/ja_puresite/css/menu/mega.css
– Change as the red line:

.ja-megamenu ul.level0 li.mega span.menu-title {
font-size: 11px;
font-weight: bold;
text-transform: none;
}
– Open file: /templates/ja_puresite/css/template.css
– From:

#ja-megamenu ul.level0 {
background: url("../images/bg_menu.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
border-bottom: 1px solid #E2E2E2
border-top: 1px solid #E2E2E2
font-family: Arial,Helvetica,sans-serif;
height: 50px;
margin-top: 44px;
}
To:

#ja-megamenu ul.level0 {
background: url("../images/bg_menu.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
border-bottom: 1px solid #E2E2E2
border-left: 1px solid #E2E2E2
border-top: 1px solid #E2E2E2
font-family: Arial,Helvetica,sans-serif;
height: 50px;
margin-top: -84px;
}

* Remember to clean JAT3 cache.

You can see after changes:

Let me know if this helps

Regards,

Nazario A

---

Attachments:

1. 

1 user says Thank You to Nazario A for this useful post

1. msilac

[msilac Friend msilacJoin date: October 2010Posts: 548Downloads:2Uploads:74 Thanks: 115 Thanked: 5 times in 1 posts]

#515327

Yes, that is ok. Font on navigation is a little bit smaller but it is ok.

Thank you for your help.

[Author]

Posts