1. muddasirpk
  2. Commercial Templates
  3. Thursday, 11 August 2016
  4.  Subscribe via email
http://hadimosque.com/ar/

when we try to change the language to arabic, the logo move to right but it overlaps menu.
Accepted Answer Pending Moderation
0
Votes
Undo
Also search box is overlapping and not moving to left.
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

To amend try adding the following to the Custom CSS field of your templates parameters...


.translated-rtl #hornav {
float: left;
}
.translated-rtl .logo {
width: auto !important;
}
.translated-rtl #search {
left: 10px;
right: auto;
}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
I added the code but still you can see

http://hadimosque.com/ar/

logo and menu
and search box and flgas are overlapping (flags are in breadcrum position)
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

You appear to have an unclosed property in your Custom CSS. To amend try removing the following from your custom CSS field...


#hornav, #subMenusContainer a { 


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks a lot. It work,
  1. more than a month ago
  2. Commercial Templates
  3. # 5
Accepted Answer Pending Moderation
0
Votes
Undo
I just work for a while then stop working.

I just change trasnlation extension from gtranslate to falang but i think that does not effect css still logo overlaps menu and flats overlaps search and social icons overlaps logo.

http://hadimosque.com/ar/
  1. more than a month ago
  2. Commercial Templates
  3. # 6
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

It appears your extension removed the 'translated-rtl' class from your body tag. You could try setting your custom CSS to target the language attribute instead....


:lang(ar) #hornav {
float: left;
}
:lang(ar) .logo {
width: auto !important;
}
:lang(ar) #search {
left: 10px;
right: auto;
}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 7
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks a lot , looks like it worked

Yes, but social icons still donot move , i know your template is not perfect RTL support compatible but now it look quiete good with css too.
  1. more than a month ago
  2. Commercial Templates
  3. # 8
Accepted Answer Pending Moderation
0
Votes
Undo
Still waiting for my question on ,

Social icons does not move , how to move them too to left?
  1. more than a month ago
  2. Commercial Templates
  3. # 9
Accepted Answer Pending Moderation
0
Votes
Undo
My apologies.. we somehow missed your reply.

To amend try adding the following to the Custom CSS field of your templates parameters...


:lang(ar) #socialmedia {
left: 10px;
right: auto;
}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 10
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters
the trademark holder in the United States and other countries.