Submenu is not floating right in RTL pages

Comments

• Albert

  August 2014

  Sorry but as we see, submenu is floating to the right side what you can see on http://snag.gy/i6BSl.jpg so we don`t understand what is exactly wrong.
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• mhd2111

  August 2014

  Actually Arabic is an RTL language, and all submenu should be right-aligned to the parent item,

  I explain this point in the image http://snag.gy/R7RFm.jpg, please have a look.
• Albert

  August 2014

  Sorry but from above image we don`t understand what you mean. The RTL support we did for this theme has been with helpful of users who create RTL websites each days for their companies. They have tested this theme and they said it is RTL compatible. So we really have no idea what else you mean because we are not experts of RTL websites.
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• mhd2111

  August 2014

  Thanks for your response,

  I am an Arabic Native, and what I am explaining in the video,

  shows the submenu aligned to the left of the parent element (as in english and ltr),

  I am sorry to say that the users who they help you, may didn't notice this point, since submenu is not widely used now a day,

  but it is common sense, that LTR submenus aligned-left, so RTL submenu should align right,

  I attached one example of arabian site, which got sub-menu correctly done right aligned,

  http://snag.gy/inNsb.jpg
  

  
  

  Regards
• Albert

  August 2014

  Ok we think that we understand what you mean now For that, please use below custom CSS:

  #Top_bar .menu li ul { left: auto !important; right: 0 !important; }

  This will be also added with next update.
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• mhd2111

  August 2014

  It works just fine  >-

  the remaining thing how to make submenu transparent in transparent header style,

  I already make it,

  
  

  #Top_bar .menu li ul { 
  left: auto !important; 
  right: 0 !important; 
  background: rgba(255, 255, 255, 0.1); 
  }