Joomla Templates Club 406,261 posts

[wineblue2 Friend wineblue2Join date: February 2011Posts: 75Downloads:0Uploads:12 Thanks: 13 Thanked: 1 times in 1 posts]

#172587

We’ve started setting up our Mega Menu on the Community menu item of the main menu, but I’ve run into a problem trying to sort out the best way to increase the height of the Child menu items to allow me to use a 24×24 menu icon and the top of these images are being cropped. What is the best way to resize the height of the menu items to facilitate our menu icons?

[pixelzombie Friend pixelzombieJoin date: August 2010Posts: 339Downloads:2Uploads:49 Thanks: 32 Thanked: 168 times in 107 posts]

#433046

Hi wineblue2,

to use 24×24 icons you have to do a small change to the mega.css of JA Social. Please see the attached screenshot. You just need to change the line height to 24 px. I’ve used an extra ugly icon to make things visible :laugh:

If you need any further assistance, please let me know 🙂

Cheers

Frank

---

Attachments:

1. 

1 user says Thank You to pixelzombie for this useful post

1. wineblue2

[wineblue2 Friend wineblue2Join date: February 2011Posts: 75Downloads:0Uploads:12 Thanks: 13 Thanked: 1 times in 1 posts]

#434143

It seems that there is a display issue with the mega menu item we created for an external link where it shows a break in the tab itself(see attached image). I did not do anything out of the ordinary in creating the menu item so I need to ask what is the fix I need to apply to this so that the tab displays correctly?

---

Attachments:

1. 

[pixelzombie Friend pixelzombieJoin date: August 2010Posts: 339Downloads:2Uploads:49 Thanks: 32 Thanked: 168 times in 107 posts]

#434728

Hi there,

this is a padding issue. Unfortunately I can’t reproduce it. Can you please give me an url to your site?

Thanks in advance.

Frank

[pixelzombie Friend pixelzombieJoin date: August 2010Posts: 339Downloads:2Uploads:49 Thanks: 32 Thanked: 168 times in 107 posts]

#434793

Thanks for messaging me your site URL.

there is a statement in your mega.css that causes this problem. Change the red marked text. 18px is allready solving the problem.

.ja-megamenu ul.level0 li.mega a.mega {
color: #FFFFFF;
font-size: 110%;
font-weight: bold;
line-height: 40px;
padding: 0 18px 0 10px;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
text-transform: uppercase;
}

Cheers

Frank

[Author]

Posts