Joomla Templates Club 406,261 posts

[corbu123 Friend corbu123Join date: April 2013Posts: 9Downloads:0Uploads:3 Thanks: 3]

#188812

Greetings, I’m a novice user, getting to know Joomla. I am using the Megamenu and I am getting this return in the categories. I’ve been trying to play with the bootstrap modules, but does not seem to be working.

I highlighted the issue in red.

Any suggestions would be appreciated.

Thanks,

---

Attachments:

1. 

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

#498496

It may simply be an issue of modifying the width parameter for the main nav menu.

So that we can try to best assist you, please provide the url of the site you’re working on,
as well as set your site to “Development Mode” within your Template Manager

1 user says Thank You to TomC for this useful post

1. corbu123

[hanuman Friend hanumanJoin date: July 2013Posts: 3Downloads:0Uploads:0 Thanked: 1 times in 1 posts]

#499118

Hi

I’ve got exactly the same issue, also a t3-related warning:

http://vps11373.inmotionhosting.com/~produc66/product-attribute-pictures.com/

Any ideas how to get all menu items in a single line? I couldn’t find a way of ‘modifying the width parameter for the main nav menu’ – could you let me know how?

Also, I noticed via the ‘Layout’ tab of the template manager in admin that there’s a position set up to the right of the ‘Megamenu [mainmenu]’ position, but even setting this to ‘None’ doesn’t create any extra space for the menu items to go further right.

I’d be most grateful if you could help me out with this.

Cheers
Nick

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#499236

Hi corbu123, hanuman,

The menu items go down because the width of menu items is bigger than the fixed width of mainnav (654px). It is quitely normal. In order to make the menu items appear in the same line, you need to do below step:

1. Increase the fixed width of mainnav by opening templatesja_merotplsblocksmainnav.php, then find line (17th):

<div class="span8" data-xtablet="span12">

Change span8 to span9.

2. Reduce the menu item font size by adding below codes into templates/ja_mero/css/custom.css file:

.ja-mainnav .navbar .nav > li > a {
font-size: 14px !important;
}


You menu items will look fine then.

3 users say Thank You to phong nam for this useful post

1. corbu123
2. compas
3. galaxie

[corbu123 Friend corbu123Join date: April 2013Posts: 9Downloads:0Uploads:3 Thanks: 3]

#502731

Leo and Tom thanks to you both.

Leo, that did it! Thank you so much, you saved me hours of fumbling around, with no result….

Cheers,
Keith

[galaxie Friend galaxieJoin date: May 2012Posts: 85Downloads:9Uploads:28 Thanks: 38 Thanked: 2 times in 1 posts]

#524947

Hi

Thanks for the explanation. It worked about the font size but for the “span”, it was already on 9.. I changed to 10 but it doesn’t change anything… can you explain what this “span” is?

I have the same problem on my website http://www.imove-fit.ch..

Thanks

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#524956

@ galaxie,

Span is a defined unit of Bootstrap 2.x fluid/grid system to allow the developer to build the website with responsive features. I think this detailed documentation will be helpful for you on this.

For existing menu issue, you can try to increase up to span10 to make your long navigation display on the same row.

[galaxie Friend galaxieJoin date: May 2012Posts: 85Downloads:9Uploads:28 Thanks: 38 Thanked: 2 times in 1 posts]

#525014

Thanks for your answer and the useful link.

I did already changed it to 10 but it doesn’t change anything….

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#525087

@galaxie: Yeah. The width of span10 on desktop view is not enough to cover the length of your menu items. You can increase the maximum span12, it should help to solve this issue.

---

Attachments:

1. 

1 user says Thank You to phong nam for this useful post

1. galaxie

[Author]

Posts