Shape 5

Joomla Templates => Avignet Dream - Club => : lokutus April 15, 2010, 05:42:56 PM



: LOve IT
: lokutus April 15, 2010, 05:42:56 PM
Hey,

I absolutely love the new template. It`s really great and from the first second I saw the template I was thinking about how to use this template for a website. I really really like it a lot.

I have only one question:
I am using a netbook. And the menu next to the logo is a bit on the right side of the hompage. The problem is now, if i am going to the dummy item of the dummy item of the S5 Menu, than I can not see the last 3 dummy items, because my monitor screen is to small.

This is a kinda of a problem, because if I add for example an new article under news in J!Stuff nobody with an netbook and only limited computer skills will be able to access this article.

So my question is: Is there a way to display the second or third level categories to the left side instead to the right side? So like the RTL effect but only for this menu.
Maybe I just skipped the part anywhere where it is explained.

THX and keep up the great work...


: Re: LOve IT
: mikek April 15, 2010, 07:15:15 PM
Hello, thanks, I'm glad you like it!

You make the menu load the other way by adding the following to the bottom of s5_suckerfish.css

#s5_navv li li a{
   padding-left:0px;
   width:209px;
}

#s5_navv li ul {
right:-999em;
}

#s5_navv li:hover ul ul,
#s5_navv li:hover ul ul ul,
#s5_navv li:hover ul ul ul ul {
right:-999em;
}

#s5_navv li:hover ul{
right:-13px;
}

#s5_navv li li:hover ul,
#s5_navv li li li:hover ul{
right:200px;
}

#s5_navv ul li a.parent {
   background:url(../images/rtl/s5_menu_parent.png) no-repeat top left;
}

#s5_navv ul li ul li, #s5_navv ul li ul li.active {
   background:url(../images/rtl/s5_menu_sub_li.png) no-repeat top left;
   height: 29px;
}

#s5_navv ul li ul li.s5_top_menu_spacer {
background:url(../images/rtl/s5_menu_sub_top.png) repeat-x top left;
height:10px;
}