I have an RTL theme for my wordpress site eblog.elektrojo which uses the Arabic language. A part of the website is a store using woocommerce and since the items descriptions and details are English and cant be easily translated to Arabic I edited the template for sections in the product page only to be LTR.
The issue is: mobile phones do not show the changes for both mobile and desktop version while on a laptop it's perfect as I want.
How to inspect elements for the mobile view? (A Note: when using chrome mobile view the pages are as I want )
Store page: eblog.elektrojo/shop
Finally I am not a wordpress developer, just a normal user
I have an RTL theme for my wordpress site eblog.elektrojo which uses the Arabic language. A part of the website is a store using woocommerce and since the items descriptions and details are English and cant be easily translated to Arabic I edited the template for sections in the product page only to be LTR.
The issue is: mobile phones do not show the changes for both mobile and desktop version while on a laptop it's perfect as I want.
How to inspect elements for the mobile view? (A Note: when using chrome mobile view the pages are as I want )
Store page: eblog.elektrojo/shop
Finally I am not a wordpress developer, just a normal user
Share Improve this question asked May 8, 2019 at 21:21 Karam Abo GhaliehKaram Abo Ghalieh 1011 bronze badge 7- Did you tried clearing cache on mobile device's browser? or using different mobile browser? (like firefox for android) – Vishwa Commented May 9, 2019 at 5:01
- I tried diffrent mobiles, but not diffrent browsers. – Karam Abo Ghalieh Commented May 9, 2019 at 5:51
- would you be kind enough to elaborate on the result? – Vishwa Commented May 9, 2019 at 5:52
- I am just confirming the result I got before, diffrent mobile phones using chrome do not show the changes. – Karam Abo Ghalieh Commented May 9, 2019 at 5:54
- this probably caused by some cache. could be in browser cache. did you tried with incognito? – Vishwa Commented May 9, 2019 at 5:55
1 Answer
Reset to default 0Try using Chrome Dev tools - it has device screen size simulators built-in and many other useful tools https://developers.google/web/tools/chrome-devtools/
And to see any changes try clearing the browser cache:
- Open Dev Tools by pressing: F12 or Ctrl+Shift+I (or on Mac: Opt+Cmd+I)
- Now by just leaving dev tools open, right-click or click and hold the reload button next to the address bar. Now a somewhat 'hidden menu' opens.
- Choose: "Empty Cache and Hard Reload"