Search button in wrong place

Hi there,

I need to modify the search field, so the magnifying glass button is displaying correctly for rtl style.

Please see the attached screen shot to see how it is now in ltr and rtl as it is currently displayed.

In the screen shot, you'll see both the magnifying glass and the word "بحث" ("search" translated in Arabic) at the right end of the search bar ... and overlapping each other.

What I need is to move the the magnifying glass from the current right location to the left end of the search bar.

Thanks,
Mike

 

Hello Mike,

Use following CSS in Custom CSS to fix this issue.

Code:

.sidebar #searchform input[type="submit"], .content #searchform input[type="submit"] {
right: 220px;
top: 6px;
}

That will resolve your issue.

Thanks & Regards
Yogesh Bhade

 

Thank you very much!