Hello there,
I have managed to change most of the parts of your theme to RTL here: https://cninuae.com/ar/#
One of the last issues I’m facing is that I cannot successfully transfer the search icon to the left of the screen.
I’m using a separate rtl.css in child theme. I tried placing this code at the end of rtl.css:
.tdm-header .header-search-wrap {
position: relative;
float: left;
margin-left: 175px;
}
It works and places the search button to the left, but when I click on the search icon the whole page sort of hangs in mobile view. Desktop works fine.
Can somebody please sort out this issue?
Sincere regards.
Hi,
I don’ think the issue is caused by the CSS code, when I try to use the search on mobile as soon as I click on the search icon a javascript error appears in the browser console
– http://prntscr.com/nlu5jo
So while it would be possible to switch the icon positions for the menu and search on mobile – http://prntscr.com/nlu6p5 the error is still there. Seems the menu works, just the search has this problem.
Usually this kind of javascript errors may appear when the theme is conflicting with various scripts entered in the theme panel or theme files, or in many cases plugins. You could begin to investigate plugins or codes (if you used any). Here is the code I used for the positioning of the icon, if you want to use it for mobile
@media (max-width: 767px) {
#td-header-menu #td-top-mobile-toggle {
position: absolute;
right: 0;
}
.td-header-main-menu .header-search-wrap {
position:absolute;
right: auto;
}}
Thanks
