Submenu is not floating right in RTL pages

mhd2111 · August 2014

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 · 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.

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.

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.

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

Submenu is not floating right in RTL pages

Comments