changing the direction the Child menus open

hi.
as already stated i need to RTL the template.
one of the hardest things (for me) is chaging the direction of the Children menus - right now they open to the right, i need them to open to the left instead.

please advise where i need to change the css (or code) to make this happen.
10x

Hi

Try to place it in gk_stuff.css in class:

Code: Select all

#gk-mainnav ul.level0 > li > .childcontent {
background:none repeat scroll 0 0 #FFAE00;
margin:0;
text-align:right;  <------ ADD THIS LINE
}


tried it - not working still the same problem...
and the site is on local PC, so i can't share.
let me try and "snap shot" it

here's a snapshot : MenuOpensRight.jpg [/img]

Hi

Now I understand what You mean ;/ Unfortunately I have no idea. All I know that those changes mus be made in javascript code (which I'm not familiar with ) - templates/gk_party_freaks/js/menu/mega.js.

You need to search for line where style="" is being changed on mouseover and than use "right" instead of "left" key, when value is "auto".

To can start working on that You will need to change menu visuality by modyfiing:

Code: Select all

.gk-megamenu ul.level0 li.mega {
display:block;
float:right;
}

.gk-megamenu ul.level0 li.mega {
display:block;
float:right;
}


in mega.css

i tried your suggestion - it didnt work.
can anyone give me the exact fix for that?
it really doesnt look very good...

Hi

I have asked my coleques for help.

thanks

Hi

Sorry about the delay.

Find this lines on mega.css (notice that i add rtl directional attribute)

Code: Select all

.gk-megamenu ul.level0 li.mega span.menu-title { display: block;direction:rtl; }


Code: Select all

.gk-megamenu .childcontent .gk-moduletable { padding: 0 0 5px 0!important;direction:rtl; }
.gk-megamenu .childcontent ul.megamenu .gk-moduletable h3 { margin-left: 0; margin-right: 0;direction:rtl; }


Code: Select all

/*
 * Other
 */
.gk-megamenu .menu-desc{ font-size:70%;   line-height:10px; height:10px; font-weight:normal; margin-top:-6px;direction:rtl; }
.gk-megamenu .group-title{ height:30px;direction:rtl;}
.gk-megamenu .group-title .menu-desc{position:relative;top:-10px;color:#fff!important;direction:rtl;}


I might forget something.

Cheers

Is it possible if the last menu will have the attribute "rtl" submenuS/childmenus?

Like for example on our Site. The last menu on mega menu is "Information", then I want the childmenu for that to be "rtl"..

How to do that?

If there is a fix for this i would be very interested .

Jusrt to change the last one or two child menu to drop in the opposite direction would be great.

Paul Mac 66 wrote:

If there is a fix for this i would be very interested .

Jusrt to change the last one or two child menu to drop in the opposite direction would be great.

Hi

There's no fix needed, because this is not a bug.
Megamenu gives you the ability to set additional classes to create exceptions.

If you go to "Parameters (Extended)" panel and add your "Additional class" to a top menu item, you can do that. Here's an example: i will called "[space]stepback" and add this code on template.css file:

Code: Select all

.stepback .childcontent {margin-left:-167px!important}
.stepback .childcontent .childcontent {margin-left:-214px!important}


Here's the result:



Cheers

This is defo the fix or class i need.

I have placed this " stepback" on the menu including the spaceand, and also all its submenus, just to make sure.

I have also added this code:

.stepback .childcontent {margin-left:-167px!important}

.stepback .childcontent .childcontent {margin-left:-214px!important}

to the template.css file and the results are not as expected.
The menu does not change direction.

I feel a bit stupid now.

But i must be doing something wrong while following your directions.

As the screen shot you added shows the very thing i am looking for. Could you assist me any further with this?


Paul

AKA: going nuts

Please show me your website.
Keep the menu item suffix there.

Cheers

here is the website:

http://87.117.196.134/~angelae/

Did you have any luck with the code.

I think it something i have done wrong. Maybe i have put the code in the wrong place i am not sure.

Really could do with help.
Thank you in advance Seichinha.

Does anyone else have a idea how i can change the direction of the dropdown on the last two mega menu items?

Website address: http://87.117.196.134/~angelae/

This is on a temp domain

[center][/center]

Hi

I'm pretty sure I did manage to do such thing already (please search the forum).

I have searched the fo4rum but to no avail.

I have chaged the additional class css and it still does not do what i need it to do.

I will keep trying as astetically it would look alot better for my client.

Hi

Ok. I'll can change it for You, but will You consider some small donation for my time spend on Your site ?

Please send me ftp access details and joomla panel access to Your site.

I didnt think i would have to pay more money for help!!

Hi

I'm sorry but it's a customization not a bug or problem with template. We do not make sites for our customers but giving them a tool which the template is. Every change to our product to is not supported.

Using the Firebug I managed to find the code that will make the Children menu float left, unfortunately it applies to all children menu.

FYI. I am using Corporate 2 template, Mega Menu, website:123egypttours.com

I also did try add classes but, but did not work.

We manage to make the rightmost side of our menu float left, this is because of Sir teitbite, but he did not post the code on the forum.

I hope you can post it here sir.

thanks

Hi

To be honest I do not remember what code it was, but if You are telling that it was able in css than maby some modification of this code will help:

Code: Select all

#mainnav ul.level0 li:last-child > .childcontent {
   right:0;
   left:auto;
}