Joomla Templates Club 406,261 posts

[jhickl Friend jhicklJoin date: October 2010Posts: 44Downloads:20Uploads:4 Thanks: 10]

#183453

Hey guys, me again,

my main menu in top.mainnav works fine for all pages associated with Joomshopping, but on the other ones, it slips down one line.

Any ideas?

Thanks in advance,
jhickl

---

Attachments:

1. 
2. 

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

#477658

So that I can try to assist you, please provide the url of the site you’re working on,
as well as set “Optimize CSS” to “No” within your Template Manager–General settings

[jhickl Friend jhicklJoin date: October 2010Posts: 44Downloads:20Uploads:4 Thanks: 10]

#477760

Thanks for the reply,

the URL is http://tiris.schachreisen.eu/.
Optimize CSS is set to No.

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

#477776

Perhaps you can try something like this (and see how it works across your site) . . .

Within file path –> /templates/ja_tiris/css/menu/mega.css

at line 16, you will see the following:

.ja-megamenu ul.level0 li.mega {
background: url("../../images/bg-line-nav.gif") repeat-y scroll 100% 0 transparent;
padding: 0 9px 0 7px;
}

add a “height” property to the CSS rule – for example . . .

.ja-megamenu ul.level0 li.mega {
background: url("../../images/bg-line-nav.gif") repeat-y scroll 100% 0 transparent;
height: 50px;
padding: 0 9px 0 7px;
}

After you try this modification – and save changes/clear cache/refresh – check to make sure things look right across other pages of your site … including/especially the shop pages. (I checked myself, and it seems to be fine across the site – but let me know if there are any issues you see).

Hope That Helps !!!

🙂

1 user says Thank You to TomC for this useful post

1. jhickl

[jhickl Friend jhicklJoin date: October 2010Posts: 44Downloads:20Uploads:4 Thanks: 10]

#477788

Thanks, it looks better now, but the problem still persists, only the greyish bar expands with the menu :/

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

#477797

<em>@jhickl 352570 wrote:</em><blockquote>Thanks, it looks better now, but the problem still persists, only the greyish bar expands with the menu :/</blockquote>

I just looked at your CSS again and the change I recommended above was not there.

Are you sure you SAVED the change to your site template file after you made it?

[jhickl Friend jhicklJoin date: October 2010Posts: 44Downloads:20Uploads:4 Thanks: 10]

#477801

Absoutely.
It has been saved, uploaded and the cache has been emptied. The menu did change, so I guess it worked. I also tried 30px, to see if it
looks better, but it didn’t. If you compare the site like it is now to the screens, you’ll see the difference.

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

#477803

<em>@jhickl 352584 wrote:</em><blockquote>Absoutely.
It has been saved, uploaded and the cache has been emptied. The menu did change, so I guess it worked. I also tried 30px, to see if it
looks better, but it didn’t. If you compare the site like it is now to the screens, you’ll see the difference.</blockquote>

– Okay, so I bring up your site – http://tiris.schachreisen.eu/

– I use Firebug to inspect the CSS for one of the pages with the overlapping main nav item separators, i.e. http://tiris.schachreisen.eu/index.php/kontakt

– I see that the separator overlap is still displaying, so I check the CSS for that element – which, again, is identified as such:

file path –> /templates/ja_tiris/css/menu/mega.css – line 16

.ja-megamenu ul.level0 li.mega {
background: url("../../images/bg-line-nav.gif") repeat-y scroll 100% 0 transparent;
padding: 0 9px 0 7px;
}

The above is how the CURRENT/LIVE css code is within your site – and, as you can see, the “height” property modification is not there.

So I guess I’m a bit perplexed as to how/where you added the suggested modification and/or why it isn’t showing as such when the CSS is inspected.

:confused:

[jhickl Friend jhicklJoin date: October 2010Posts: 44Downloads:20Uploads:4 Thanks: 10]

#477811

Hm, you’re not the only one being perplexed.

I just installed Firebug myself, and it outputs the following code:

.ja-megamenu ul.level0 li.mega {
background-image:none;
background-position:initial initial;
background-repeat:initial initial;
display:block;
float:left;
margin:0;
padding:0;
}

That look quite different form your code, but I’ve got to say that I’m completely new to this tool, so it may be my fault.
But at least the code you’re seeing and that you’ve posted really looks like the unmodified one.

But still I’m completely sure having changed it correctly and uploaded to the right path (/templates/ja_tiris/css/menu).
I’ve attached you the .css that I’ve just grabbed of the server.

---

Attachments:

1. mega.zip

[Luna Garden Moderator Luna GardenJoin date: July 2011Posts: 2617Downloads:80Uploads:96 Thanks: 78 Thanked: 453 times in 425 posts]

#477861

Hello jhickl,

Regarding to your menu problem, I have checked your site and see that there’s a character between div main-inner2 and div ja-megamenu.

Here’s HTML code:
<div class="main-inner2 clearfix">
?<div id="ja-megamenu" class="ja-megamenu clearfix">
<ul class="megamenu level0"><li class="mega first "><a title="Home" id="menu543" class="mega first " href="http://tiris.schachreisen.eu/"><span class="menu-title">Home</span></a></li><li class="mega haschild"><a title="Hochzeit Tipps & News" id="menu499" class="mega haschild " href="/index.php/hochzeit-tipps-news"><span class="menu-title">Hochzeit Tipps & News</span></a><div class="childcontent cols1 " style="width: 220px; height: 299px; display: none; margin-left: 0px; left: 272px; z-index: 1008;">

Did you make any change in T3v2 core or somethings ?

Please provider your back-end info access and FTP access for further checking.

[jhickl Friend jhicklJoin date: October 2010Posts: 44Downloads:20Uploads:4 Thanks: 10]

#477879

That’s strange, I didn’t touch any core components like T3.
I’ll send you the info via PM.

[Luna Garden Moderator Luna GardenJoin date: July 2011Posts: 2617Downloads:80Uploads:96 Thanks: 78 Thanked: 453 times in 425 posts]

#478386

Hello,

I have fixed your site.

Go to <blockquote>templatesja_tirisetclayoutsdefault.xml</blockquote>

change <blockquote><block name=”mainnav” type=”mainnav” main-inner=”2″></block></blockquote>

to
<block name="mainnav" type="mainnav" main-inner="3"></block>

Then go to
templatesja_tiriscsstemplate.css

Add these lines:

#ja-mainnav .main-inner3{
background: url("../images/bg-nav.gif") repeat-x scroll 0 0 #FFFFFF
height: 62px;
position: relative;
}

go to <blockquote>/templates/ja_tiris/css/menu/mega.css</blockquote>
add these lines:

#ja-megamenu {
padding-left: 190px;
position: absolute;
top: 0;
}

Your menu looks fine now.

1 user says Thank You to Luna Garden for this useful post

1. jhickl

[jhickl Friend jhicklJoin date: October 2010Posts: 44Downloads:20Uploads:4 Thanks: 10]

#478563

Thank you very much, it looks perfect now, but in the meantime, the site went up under annalaurenz.de.
And if I apply the changes you mentioned to the live site, it all goes well for the first two ones, but if I apply the change concerning the mega.css, the menu goes crazy. It becomes “pervious”, so the whole content goes up under the actual menu. I’ve attached a picture, so you can see what I mean.
Maybe I’ve done something wrong, but I got the same results when copying these files from you.
Any ideas what it could be?

[Luna Garden Moderator Luna GardenJoin date: July 2011Posts: 2617Downloads:80Uploads:96 Thanks: 78 Thanked: 453 times in 425 posts]

#478875

Hello,

In your live site here: <blockquote>annalaurenz.de</blockquote> the problem with menu doesn’t occur, so you don’t have to apply my previous solutions for it. Menu doesn’t have the same problem, so don’t change it.

[arkanjie Friend arkanjieJoin date: July 2011Posts: 23Downloads:0Uploads:0 Thanks: 13 Thanked: 1 times in 1 posts]

#478902

Hi there, I’m having the same problem that jhickl..
I tried with your solutions but I can’t solve by myself. I’m working at localhost right now but I uploaded a previous version to this personal server: http://s353349941.mialojamiento.es/doitter/

Could please someone tell me how to fix it? Mega menu is not displaying well at others pages but Joomshooping.

[Author]

Posts