[Resolved] Navigation Search Icon overlaps seach word in mobile view of RTL language

[Sharif]

Hello There,
I have searched a word and you can see it in the following link.
Icon over word in search
As you see font awesome search and close or cross icons overlaps search word. This happens in mobile view and in desktop view there is not any problem.

[Sharif]

I think my topic needs a freshness.
Please visit the following link in mobile view and then click search icon. You will see icon is over the word written for search.

https://anis.af/fa/?s=+Search+Problem

[Leo]

Hi there,

How about something like this?

@media (max-width: 768px) {
    .navigation-search {
        top: 100%;
    }
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

[Tom]

Can you try adding this CSS?:

@media (max-width: 768px) {
    .rtl .mobile-bar-items {
        float: left !important;
        position: relative;
    }
}

[Sharif]

Thanks, Both css worked well one vertically and one horizontally. Hope this problem will be resolved in next GP update.
Regards,

[Tom]

It’s been applied to the next update 🙂

Thanks!

[Author]

Posts