gabriel
|
Hello everyone
Is it posible in wordpress for the top menu the following
Right now the subcategories in the top menu go to the right side is it posible to make them go to the left?
If so how can i do that
Regards
|
|
techtom
|
Hi gabriel,
do you have a link to a site or something similar. Not sure exactly what you are after. There are different sub-menu types as well so a fix for one may not fix the others.
|
|
gabriel
|
Quote techtom:
Hi gabriel,
do you have a link to a site or something similar. Not sure exactly what you are after. There are different sub-menu types as well so a fix for one may not fix the others.
I'll give you an example page
I want the top menu - subitems to be displayed like here
when you click on the menu it goes to the left
http://www.travelportland.com/
|
|
techtom
|
You may want to look into a third party mega menu plugin which could mimic that menu much more closely than the built in menus in artisteer.
One thing that may work is to make a backup copy of your script.js file in your current theme folder.
Then open up the original Artisteer file and under export options change the text direction to right to left. Export to a folder and copy the script.js file from that folder to your current theme.
A quick test on a demo site seemed to work.
|
|
jrgweb
|
You would have to add some code manually after exporting from artiseer but this is possible.
http://demo.artisteertoday.com/mega_left/
The css to shift to the left is this:
.desktop ul.art-hmenu>li>ul
{ margin: -10px 0 0 -300px; }
but do remember that the example you reference has different classes on each li for adjustments.
The example is a HTML but I also tested in wordpress.
As techtom has suggested, maybe a third party plugin would be easier.
|
|
gabriel
|
Quote jrgweb:
You would have to add some code manually after exporting from artiseer but this is possible.
http://demo.artisteertoday.com/mega_left/
The css to shift to the left is this:
.desktop ul.art-hmenu>li>ul
{ margin: -10px 0 0 -300px; }
but do remember that the example you reference has different classes on each li for adjustments.
The example is a HTML but I also tested in wordpress.
As techtom has suggested, maybe a third party plugin would be easier.
Thank you sir i solved the problem with this. I just changed the following
.desktop ul.art-hmenu ul ul
{
padding: 35px 35px 35px 15px;
margin: -35px 0 0 -345px <--- this was changed from -30px;
|
|
techtom
|
Quote :.desktop ul.art-hmenu ul ul { padding: 35px 35px 35px 15px; margin: -35px 0 0 -345px <--- this was changed from -30px;
Doesn't that only make the submenu, child menus go to the left?
It does not line up the submenu itself to open like your example where menu and submenu are aligned on right edge or am I missing something?
|
|
techtom
|
This is done copying to script.js as I suggested.
http://toms-sandbox.com/sample/test1/
|
|
jrgweb
|
@techtom - Although your suggestion was good, I'm not sure everyone is comfortable editing the script.js file. In the past when I tried suggesting something similar as you did, folks freaked! I found that most users using artisteer want to click a button inside artisteer to make things work. Heaven forbid they have to edit something after export.
|
|
techtom
|
jrgweb,
I agree 100%. I just was not sure that what he has is what he was looking for as it did not align everything to the right. I do think simple is better for sure.
|
|
gabriel
|
Quote techtom:
Quote :.desktop ul.art-hmenu ul ul { padding: 35px 35px 35px 15px; margin: -35px 0 0 -345px <--- this was changed from -30px;
Doesn't that only make the submenu, child menus go to the left?
It does not line up the submenu itself to open like your example where menu and submenu are aligned on right edge or am I missing something?
No you're not missing anything. I wanted the childmenu to go to left instead of right. I'm prety pleased with the result and everything is aligned perfectly
|
|
techtom
|
Very Good
|
|