Submenu is not floating right in RTL pages

mhd2111

Dears,

I have betheme installed in my website,

I used wpml for the site to support Arabic,

I noticed that submenu are not aligned right,

even in your example:

http://themes.muffingroup.com/betheme/home?mfn-rtl

Please your kind support.

Albert

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

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

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

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

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

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); 
}