Joomla Templates Club 406,261 posts

[dmason Friend dmasonJoin date: March 2010Posts: 47Downloads:0Uploads:11 Thanks: 5]

#161623

Can anyone tell me why the main menu seems to be displaying on two line sometimes? The “Contact Us” page should be on the same line as the others. Usually by navigating to another page, it will display correctly.

Here is my site: http://www.conciergefinancialoffice.com

Please help!
11867

---

Attachments:

1. 

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#382083

Have you applied any custome code to center the menus? It appears the width of that element is less than you require to fit all your menu items.

[dmason Friend dmasonJoin date: March 2010Posts: 47Downloads:0Uploads:11 Thanks: 5]

#382084

No custom code to the menu. You helped me apply custom code to module positions, but those are working fine. This seemed to start happening once I changed the font in the template manager. By navigating to another page on the site, the menu seems to fit fine.

I actually previously had more menu items (wider), so I don’t understand why this is now happening.

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#382085

I ask because your menu is centered. Out of the box on the demo the menu is left alligned. Your code also appears to be setting up an element width for the menu but out of the box there is no such code. Something must have been changed somewhere.

[dmason Friend dmasonJoin date: March 2010Posts: 47Downloads:0Uploads:11 Thanks: 5]

#382088

Hi, yes i did make a change to have the menu centered. I followed instructions in this thread. http://www.joomlart.com/forums/topic/ja-droid-main-menu-how-to-center-it-under-the-banner-logo/

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#382090

Which version of Joomla are you using? 1.5 or 1.6?

[dmason Friend dmasonJoin date: March 2010Posts: 47Downloads:0Uploads:11 Thanks: 5]

#382093

1.6.

Thanks.

[huypl Friend huyplJoin date: February 2011Posts: 162Downloads:0Uploads:1 Thanks: 2 Thanked: 20 times in 20 posts]

#382264

Hello dmason,
I use firebug to check your site. I notice that you have set a fixed-width to your mega menu.
<div class=”main-inner1 clearfix ” style=”width :561px;”>
This is the reason why your menu apprears in two lines. The correct code for this div tag is:
<div class=”main-inner1 clearfix>
Did you modify the width of the mega menu?

[dmason Friend dmasonJoin date: March 2010Posts: 47Downloads:0Uploads:11 Thanks: 5]

#382524

<em>@huypl 228837 wrote:</em><blockquote>Hello dmason,
I use firebug to check your site. I notice that you have set a fixed-width to your mega menu.
<div class=”main-inner1 clearfix ” style=”width :561px;”>
This is the reason why your menu apprears in two lines. The correct code for this div tag is:
<div class=”main-inner1 clearfix>
Did you modify the width of the mega menu?</blockquote>

No I didn’t. I only made the following changes http://www.joomlart.com/forums/topic/ja-droid-main-menu-how-to-center-it-under-the-banner-logo/

Can I change the code you were looking at in Firebug to make the menu wider? Why would this problem only occur on some pages and not others?

Many thanks for your help.

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#382539

No, you cannot change the code as it is generated by the edit you made to center the menu. We would need to edit that code and simply add a few pixels to the generated width.

Please post the code from your edit here so we can look at it.

[dmason Friend dmasonJoin date: March 2010Posts: 47Downloads:0Uploads:11 Thanks: 5]

#382548

As per the instructions in this thread http://www.joomlart.com/forums/topic/ja-droid-main-menu-how-to-center-it-under-the-banner-logo/ I copied the file of pluginssystemjat3base-themesdefaultblockshead.php,put it into the folder of templatesja_droidblockshead.php then opened the copied file and added the following code to the head.php file

[PHP] <script type=”text/javascript”>
//<!]>
</script> [/PHP]

Then added the following to templatesja_droidcsstemplate.css

<script type=”text/javascript”>
//<!]>
</script>

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#382550

Try changin the +5 in both parts to +10 and see if that makes a difference.

[dmason Friend dmasonJoin date: March 2010Posts: 47Downloads:0Uploads:11 Thanks: 5]

#382567

Thanks, I’ve tried making that change, but am unsure if it solved the problem or not. When I view the site in different browsers, sometimes it happens, and sometimes it doesn’t. I have emptied the cache etc. It only seems to be occurring on the home page.

Also, I was incorrect. I didn’t add the following code to the template.css file.

<script type=”text/javascript”>
//<!]>
</script>

I added this:

.main .main-inner1 { margin-left: 0; margin-right: 0;margin:0 auto }
.ja-megamenu { margin: 0; padding: 0;float:left }

Can anyone let me know if this seems to be happening when you view the site?

Many thanks.

[dmason Friend dmasonJoin date: March 2010Posts: 47Downloads:0Uploads:11 Thanks: 5]

#383668

Can anyone help me work this out?

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#383787

Dear dmason,

You can try to replace +10 by +30 or even +40
I think that would help !

[Author]

Posts