Jump to content

- - - - -

Drop Down Menu's Arrows for RTL

RTL arrows menu

  • Please log in to reply
2 replies to this topic

#1 Sourena†



  • DMS Subscriber†
  • 564 posts
  • LocationWilliamstown, MA
  • Framework Version:2.4.2
  • Country: Country Flag

Posted 06 June 2013 - 05:59 AM

I am working on a new updated and complete "rtl.css" for PageLines framework. One of my problems are the arrows on drop-down menus. The arrows are not HTML Codes. They are images, and they are fine for most languages but using images makes them impossible to use for RTL scripts (Arabic, Hebrew) since they point to the wrong direction (as you see in the attached screenshot).


I tried to replace some of them with new images but I could not fix one. You can see that in the screenshot. Please let me know if you have any suggestion to fix this.

Attached Files

#2 greenfly†



  • DMS Subscriber†
  • 3268 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 06 June 2013 - 12:45 PM

Hi Sourena 


Do you have a link to your site? 

#3 James B†

James B


  • DMS Subscriber†
  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 06 June 2013 - 07:20 PM

I don't think those ones are images, they're created in the css using borders. For example the top drop downs in the menu are made using


.caret {
    border-left4px solid transparent;
    border-right4px solid transparent;
    border-top4px solid rgba(0, 0, 0, 0.3);

Also tagged with one or more of these keywords: RTL, arrows, menu