Public Forums 71,145 posts

[shafee_howard Friend shafee_howardJoin date: March 2012Posts: 38Downloads:0Uploads:15 Thanks: 15 Thanked: 1 times in 1 posts]

#177644

In Megamenu, is there a column width setting that will decrease the space between the menu item text and the little triangle on the right? Is it in the menu setup dialog, or in the CSS ??

Thanks — Howard Ballinger

---

Attachments:

1. 

[MoonSailor Friend MoonSailorJoin date: November 2011Posts: 1106Downloads:0Uploads:245 Thanks: 89 Thanked: 248 times in 223 posts]

#455791

HI Shafee!

Its CSS. You can go to file “templates/ja_purity_ii/css/menu/mega.css” line 119 :

.ja-megamenu ul.level1 li.mega.haschild {
background: url(../../images/arrow.png) no-repeat 95% center;
padding: 0;
}

You can edit it there.

Regards.

1 user says Thank You to MoonSailor for this useful post

1. shafee_howard

[shafee_howard Friend shafee_howardJoin date: March 2012Posts: 38Downloads:0Uploads:15 Thanks: 15 Thanked: 1 times in 1 posts]

#456334

Thanks for your response, Moonsailor — but sorry, I still don’t get it.

I looked at ‘arrow.png’, it’s only 4px wide so that doesn’t account to the space between the word “Arizona” and the little image. That’s what I’d like to be able to reduce. The line we’re looking at doesn’t seem to set the length of the item text.

(I expect to have a lot more states represented and plan to change to menu item text to the 2-letter abbreviations (AZ, CA etc) but that will only save space if I can reduce the blank space between the state name and the arrow.)

Appreciatively — Shafee

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#456337

please post your site admin details to check your site, since it is in the development mode

[jhicks Friend jhicksJoin date: March 2011Posts: 94Downloads:0Uploads:15 Thanks: 29 Thanked: 12 times in 1 posts]

#456340

look under the “Parameters (JA Extended)” on the right when you are in the menu manager. There are areas for sub menu widths in there. Play around with different widths and see if that is what your looking for.

Don’t forget to clear your cache after changes….

-Jeff

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#456377

Do you want the output like this image

if you want like this do this changes

Go to this Url: http://sufipaths.net/sri_dev_new/templates/ja_purity_ii/css/menu/mega.css

Replace this code

.ja-megamenu ul.level1 li.mega.haschild { background: url(../../images/arrow.png) no-repeat 95% center; padding: 0; }

With


.ja-megamenu ul.level1 li.mega.haschild {
background: url("../../images/arrow.png") no-repeat scroll left center transparent;
padding: 0 0 0 10px;
}

Note: If you Find my Post useful please click on the Thanks Icon

---

Attachments:

1. 

1 user says Thank You to chavan for this useful post

1. shafee_howard

[shafee_howard Friend shafee_howardJoin date: March 2012Posts: 38Downloads:0Uploads:15 Thanks: 15 Thanked: 1 times in 1 posts]

#456603

Not quite what I had in mind but it solves the problem. Thanks!

[Author]

Posts