Add a search form and RTL support

About rtl menu:
Have you tried this:
Customize -> Header: title, logo, menu -> Navigation -> Menu position -> (select) -> Menu on the right ?
Then if you want also menu items right to left add this to your css:

.navbar .nav>li {
    float: right;
}

About the search box always visible, you have to merge rules

.my-nav-menu-search .search-field:active,
.my-nav-menu-search .search-field:focus

into

.my-nav-menu-search .search-field

, with the first ones overriding the last ones.

Hope this helps.

Thank you, it really helped. But there is one problem left, the glass now is in the search form as you can see in this snapshot . Is there any way to fix it please?

Thank you very much!

And you want it… where?

I’m sorry I didn’t explain better. In the snapshot, the glass is overwriting the first two letters unlike this site for example where the word “search” is next to the glass and does not overwrite the letters.

Thank you again!

(I’ve just noticed that if I set wordpress setting to english, the rendering is perfect, but when I set it to arabic, the glass overwrite the letters again).

It’s about the rtl.
You should invert some css rules, like this, for example,:

padding: 0 0 0 36px;

for .my-nav-menu-search .search-field
I think should be

padding: 0 36px 0 0;

in your case..

Worked like a charm, thank you very much!