Joomla Templates Club 406,261 posts

[30402sw Friend 30402swJoin date: July 2011Posts: 19Downloads:0Uploads:10 Thanks: 5 Thanked: 1 times in 1 posts]

#167514

I have been trying to increase the width of the megamenu dropdown in ORES because one of my links is wrapping which I oviously don’t want. I have attached a screen shot. Even though the characters are in Japanese please take my my word for it that it is one link which has wrapped. How can I increase the width of the drop down to accommodate the whole link? I looked in the megament and template css files and tried to change various parms with the help of firebug but it did nothing. Thanks in advance. I’ve attached a screenshot.

---

Attachments:

1. 

[pritam Friend pritamJoin date: April 2011Posts: 609Downloads:0Uploads:29 Thanks: 11 Thanked: 125 times in 113 posts]

#406696

Hello 30402sw ,

To increase the width of the megamenu dropdown

Find this code at template.css

ul.level1 li.mega a.mega span.menu-title {
-moz-background-clip: border;
-moz-background-origin: padding;
-moz-background-size: auto auto;
background-attachment: scroll;
background-color: transparent;
background-image: none;
background-position: 0 0;
background-repeat: repeat;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 0;

}

Change this code to :-
ul.level1 li.mega a.mega span.menu-title {
-moz-background-clip: border;
-moz-background-origin: padding;
-moz-background-size: auto auto;
background-attachment: scroll;
background-color: transparent;
background-image: none;
background-position: 0 0;
background-repeat: repeat;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 0;
width: 4px; /* set Pixel as per requirement */
}

1 user says Thank You to pritam for this useful post

1. 30402sw

[30402sw Friend 30402swJoin date: July 2011Posts: 19Downloads:0Uploads:10 Thanks: 5 Thanked: 1 times in 1 posts]

#406699

Yes – this has allowed the text to all be on one line. However, the background now is too short (see attachment or go to http://aihara-japan.alchemy-network.co/). How could I increase its width?

---

Attachments:

1. 

[Manos Moderator ManosJoin date: February 2014Posts: 2806Downloads:46Uploads:56 Thanks: 200 Thanked: 633 times in 576 posts]

#406706

Hi,
Please go to Menu – > Parameters (JA Extended) -> and Submenu Width -> there you can increase the width 😉 (find the menu item you need first)

I hope that helps you.

Regards

Manos

[30402sw Friend 30402swJoin date: July 2011Posts: 19Downloads:0Uploads:10 Thanks: 5 Thanked: 1 times in 1 posts]

#406709

Thanks for that Manos but it didn’t do anything. Nothing changed.

[Manos Moderator ManosJoin date: February 2014Posts: 2806Downloads:46Uploads:56 Thanks: 200 Thanked: 633 times in 576 posts]

#406710

I tested that on localhost and works, if you can provide me with admin access i will give it a try!

Regards

Manos

Edit: If you goto 採用情報 and change -> Submenu Column Width to 300 you will see this working (don’t forget to clear cache).

1 user says Thank You to Manos for this useful post

1. 30402sw

[30402sw Friend 30402swJoin date: July 2011Posts: 19Downloads:0Uploads:10 Thanks: 5 Thanked: 1 times in 1 posts]

#406713

Yes – this worked perfectly. I was changing the submenu width on the submenu item and not the menu item – well done and thank you.

[Manos Moderator ManosJoin date: February 2014Posts: 2806Downloads:46Uploads:56 Thanks: 200 Thanked: 633 times in 576 posts]

#406714

You are welcome! I am glad that everything works fine now!

P.S. You can even revert the source code change if you like!

Regards

Manos

[hbcutoday Friend hbcutodayJoin date: May 2011Posts: 24Downloads:0Uploads:3]

#423860

This seems to be a good area to ask this question. I has already answered one. THanks. I am trying to do a 3 column menu with text that goes across the top of the 3 columns. See attahced image. Can this be done?

---

Attachments:

1. 

[Author]

Posts