Joomla Templates Club 406,261 posts

[dottorbonfy Friend dottorbonfyJoin date: April 2011Posts: 49Downloads:0Uploads:4 Thanks: 21]

#168094

Hi everyone!

i search in my test JA PORTFOLIO SITE a mode to change the size of the MEGAMENU bar and your submenu items.
For now, for me is important to change the Height of the submenu but i dont find in the CSS a mode…. :((

Everyone help me please?

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#410246

Hi,
You find this code from /templates/ja_portfolio/css/template.css in the line #480

#ja-mainnav .main-inner1 {
background: url(../images/noise-bg.png) #313435;
padding: 0;
height: ...; < add this line
width:...; < add this line
}

1 user says Thank You to khoand for this useful post

1. dottorbonfy

[dottorbonfy Friend dottorbonfyJoin date: April 2011Posts: 49Downloads:0Uploads:4 Thanks: 21]

#410943

Ah oks thank you…and i have another question.
I need to change the dimension of the SUBMENU and the text into the submenu…..suggest? Thanks

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#411012

Example: you want to change width of sub-menus of Joomla! menu. You edit Joomla! menu, set Submenu Column Width (Parameters (JA Extended)) is 300. It means each sub-menu has width is 300px

1 user says Thank You to khoand for this useful post

1. dottorbonfy

[dottorbonfy Friend dottorbonfyJoin date: April 2011Posts: 49Downloads:0Uploads:4 Thanks: 21]

#411014

Ok, for this i know, my answer is for the height of only single voice and for the text-size into the megamenu

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#411017

my answer is for the height of only single voice and for the text-size into the megamenu

I don’t understand what you mean clearly. Could you explain more detail?
If you want to change text-size of sub-menu, you add this code into /templates/ja_portfolio/css/menu/mega.css


ul.megamenu.level1{
font-size:13px;
{


1 user says Thank You to khoand for this useful post

1. dottorbonfy

[dottorbonfy Friend dottorbonfyJoin date: April 2011Posts: 49Downloads:0Uploads:4 Thanks: 21]

#411018

Ok this is a example:

You see the submenu? I have to tighten the various submenus in height to reduce the overall height of the submenu.

---

Attachments:

1. 

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

#411031

Not trying to butt in on yours and khoand’s cooperative work here . . . . just want to say that I really like the styling effect you’re trying to achieve here.

Looking forward to you and khoand achieving your desired result together – so PLEASE do let us all know when you’ve got your mega-menu styled as you envisioned so we can all see and learn from the process on you and khoand have worked together.

GREAT JOB thus far, khoand !!!

🙂

1 user says Thank You to TomC for this useful post

1. dottorbonfy

[dottorbonfy Friend dottorbonfyJoin date: April 2011Posts: 49Downloads:0Uploads:4 Thanks: 21]

#411039

gladly will share the result!

[saminora Friend saminoraJoin date: March 2009Posts: 73Downloads:12Uploads:5 Thanks: 3 Thanked: 1 times in 1 posts]

#415854

Hi guys,
how can I remoce the icons of the mega menu (where is the file located?)
cheers
martin

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#415864

<em>@saminora 271675 wrote:</em><blockquote>Hi guys,
how can I remoce the icons of the mega menu (where is the file located?)
cheers
martin</blockquote>
Hi saminora,
– You login backend > Menus > Main Menu > Home > Link Type Options. Clear Link Image .
The different icons are similar. Ex : Portfolio Category, Typography, Joomla!, Explore (of demo)
– You delete all of files of /cache and /t3-assets directory.

[saminora Friend saminoraJoin date: March 2009Posts: 73Downloads:12Uploads:5 Thanks: 3 Thanked: 1 times in 1 posts]

#415874

Dear Khoand,
thanx so much. It was a great help!!!
Do you also know how to change the background color of the megamenu in portfolio template? See http://handwerkersoftware.alfahosting.org/

cheers
saminora:)

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#415877

You go to Template manager,choose JA Portfolio template, then change CSS Optomize fieds to NO, so I can check how and where to customize for you.

1 user says Thank You to khoand for this useful post

1. TomC

[saminora Friend saminoraJoin date: March 2009Posts: 73Downloads:12Uploads:5 Thanks: 3 Thanked: 1 times in 1 posts]

#415916

I did it. Thanx so far.

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#415917

You find this code from /templates/ja_portfolio/css/template.css

#ja-mainnav .main-inner1 {
background: url(../images/noise-bg.png) #313435; < change this line
padding: 0;
}

[Author]

Posts