Joomla Templates Club 406,261 posts

[yziner Friend yzinerJoin date: March 2010Posts: 10Downloads:0Uploads:2 Thanks: 3]

#159597

Hi

tried to find similar answers but couldnt find.

as you can see in my website dev.godeadsea.com

1. the megamenu parent item icon position change and menu item width change when hover or select.
2. the child item arrow pointing and positioned right instead of left
3. the search module is stuck on the right under the logo.

i tried to upload the template files again to eliminate the option of currapt files, and i am using the default layout and theme.

i’m using Joomla 1.5.22
Ja Social 1.2.1
thank you

[yziner Friend yzinerJoin date: March 2010Posts: 10Downloads:0Uploads:2 Thanks: 3]

#374880

i tried to install the quickstart to see if it wad beacaus somthing that i did, but also with the quickstart installation these issues are present.

[Hayden A Friend Hayden AJoin date: April 2010Posts: 282Downloads:0Uploads:20 Thanked: 54 times in 53 posts]

#375368

you open file /templates/ja_social/css/template-rtl.css and add:
[PHP].ja-megamenu ul.level0 li.haschild a.mega span.menu-title {
background-position: right center;
padding-left: 0px;
padding-right: 15px;
}

#ja-search {
left: 0px;
right: auto;
}[/PHP]

you change arrow image in sub menu for the child item arrow pointing and positioned right instead of left.

1 user says Thank You to Hayden A for this useful post

1. yziner

[yziner Friend yzinerJoin date: March 2010Posts: 10Downloads:0Uploads:2 Thanks: 3]

#375853

Hi
this is fix for the rtl issue for ja-social menu and search module

the best way is to make your own theme to override the default files and make the changes in it as explaind at the wiki
but you can also edit it in the default template files.

1. in the file css/template-rtl.css paste this code in the end

.ja-megamenu ul.level0 li.haschild a.mega span.menu-title {
background-position: right center;
padding-left: 0px;
padding-right: 15px;
}

#ja-search {
left: 0px;
right: auto;
margin-left: 15px;
}
.ja-megamenu ul.level0 li.haschild.active div.childcontent-inner a.mega span.menu-title,
.ja-megamenu ul.level0 li.haschild-over div.childcontent-inner a.mega span.menu-title {
background-position: left center;
padding-right: 0px;
padding-left: 15px ;
}

2.if you are not using the theme override jump to step 3 in the file css/menu/mega.css paste this code at the end:

.ja-megamenu ul.level0 li.mega .has-image {
background-position: right top;
padding-left: 0px;
}

.ja-megamenu ul.level1 li.mega a.mega span.menu-title, .ja-megamenu ul.level1 li.haschild.active a.mega span.menu-title, .ja-megamenu ul.level1 li.haschild-over a.mega span.menu-title {
background: url("../../../../../images/rtl/arrow5.png") no-repeat scroll left 5px transparent;
}

3.if you are using the theme override jump to step 4 if not in the file css/menu/mega.css paste this code at the end:

.ja-megamenu ul.level0 li.mega .has-image {
background-position: right top;
padding-left: 0px;
}

.ja-megamenu ul.level1 li.mega a.mega span.menu-title, .ja-megamenu ul.level1 li.haschild.active a.mega span.menu-title, .ja-megamenu ul.level1 li.haschild-over a.mega span.menu-title {
background: url("../../images/rtl/arrow5.png") no-repeat scroll left 5px transparent;
}

4. copy the attached file into ja_social/images/rtl folder.

i hope the joomlart team can add this changes so the template wil complitly support rtl out of the box like the demo.

---

Attachments:

1. 

[yziner Friend yzinerJoin date: March 2010Posts: 10Downloads:0Uploads:2 Thanks: 3]

#375889

Hi i

still have issues with RTL in IE8
at http://www.godeadsea.com

1. rounded corners for modules dissapear
2. all the problems that solved above are not solved in IE8

for some reason the theme override i did dos’nt work for IE rtl.
i have verified that this problems are core problems by installing a clean quickstart.
please help me solve this problem.

[yziner Friend yzinerJoin date: March 2010Posts: 10Downloads:0Uploads:2 Thanks: 3]

#377887

hi i have this problem posted here and in the tickets system over 10 days can i please get some kind of response from one of the joomlart staff?

[Hayden A Friend Hayden AJoin date: April 2010Posts: 282Downloads:0Uploads:20 Thanked: 54 times in 53 posts]

#378193

Hi, yziner,

The rounded corners for modules use css3 but IE does not support CSS3.

please provide me your site url and admin login, FTP details via PM, i shall have a look and try to help you.

[Author]

Posts