CODEWITHSUNDEEP
css
Shaqpad
Shaqpad

Reputation: 207

How can I make sub-menu items open to LEFT not to right?

I am changing some parts of my WP site to RTL. Everything is OK except for sub-menu items. when the cursor goes over a menu item, obviously some sub-menu item opens. Now my problem is with its direction of opening. In other words, I need sub-menu items be opened to left.

I tried a simple CSS code,

#nav {direction: rtl;}

Unfortunately this code is effective only regarding menu text direction. Is there any CSS trick making sub-menus open to LEFT?

My domain address is http://sciself.com

Thanks

Shaqpad

Upvotes: 2

Views: 8647

Answers (1)

Rahil Wazir
Rahil Wazir

Reputation: 10132

Simply add text-align: left; to the selector:
#wrapper #nav ul li ul li a, #wrapper #sticky-nav ul li ul li a

FullCode:

#nav ul ul, #sticky-nav ul ul {
    left: auto !important;
    right: 0 !important;
}
#nav ul ul li:hover ul, #sticky-nav ul ul li:hover ul {
    right: 170px !important;
    left: auto !important;
}

Upvotes: 1

Related Questions